-
Notifications
You must be signed in to change notification settings - Fork 7
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* first batch of variant and box replacements * second batch of file changes * update to canary ds * style updates and postcss fix * format and merge * change rail, add more styles * Improved settings panel UI (addresses #538) * more changes * add transforms * style handles, fix watcher * the commit * format * fixed linting issues * fixed missing type definitions * style handle * updated package lock * style node header * fix cmdk input * colorMode switch * replaced stitches code with CSS definitions * update packages and typography * format * fixing linting issues * fixed more linting issues * Fix issues with testing * removed stitches import * resolving commit issues * Fixed centering of EmptyStateEditor (#540) * fixed centering of EmptyStateEditor (#1612) * added changeset * remove transform scripts * address comments * format --------- Co-authored-by: AlexBxl <[email protected]> Co-authored-by: Jan Six <[email protected]> Co-authored-by: SorsOps <[email protected]>
- Loading branch information
4 people
authored
Dec 5, 2024
1 parent
5babf9c
commit 8e207c5
Showing
164 changed files
with
5,104 additions
and
8,835 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,7 @@ | ||
| --- | ||
| "@tokens-studio/graph-engine-nodes-design-tokens": patch | ||
| "@tokens-studio/graph-editor": patch | ||
| "@tokens-studio/graph-engine-ui": patch | ||
| --- | ||
|
|
||
| Fixed centering of EmptyStateEditor |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,7 @@ | ||
| --- | ||
| "@tokens-studio/graph-engine-nodes-design-tokens": patch | ||
| "@tokens-studio/graph-editor": patch | ||
| "@tokens-studio/graph-engine-ui": patch | ||
| --- | ||
|
|
||
| Improved settings panel UI. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,29 @@ | ||
| .themeBlock { | ||
| position: absolute; | ||
| top: 0; | ||
| right: 0; | ||
| height: 100%; | ||
| width: 50%; | ||
| bottom: 0; | ||
| overflow: auto; | ||
| background: var(--colors-bgCanvas); | ||
| display: flex; | ||
| } | ||
|
|
||
| .themeBlock.fill { | ||
| left: 0; | ||
| width: 100%; | ||
| } | ||
|
|
||
| .themeBlock.left { | ||
| border-right: 1px solid #202020; | ||
| right: 50%; | ||
| left: 0; | ||
| } | ||
|
|
||
| .inner { | ||
| padding: 1rem; | ||
| display: flex; | ||
| align-items: flex-start; | ||
| width: 100%; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,11 @@ | ||
| .trigger { | ||
| cursor: pointer; | ||
| } | ||
|
|
||
| .item { | ||
| display: block; | ||
| } | ||
|
|
||
| .container { | ||
| display: block; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
87 changes: 87 additions & 0 deletions
87
packages/graph-editor/src/components/NodeHoverCard.module.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,87 @@ | ||
| @keyframes slideUpAndFade { | ||
| from { | ||
| opacity: 0; | ||
| transform: translateY(2px); | ||
| } | ||
| to { | ||
| opacity: 1; | ||
| transform: translateY(0); | ||
| } | ||
| } | ||
|
|
||
| @keyframes slideRightAndFade { | ||
| from { | ||
| opacity: 0; | ||
| transform: translateX(-2px); | ||
| } | ||
| to { | ||
| opacity: 1; | ||
| transform: translateX(0); | ||
| } | ||
| } | ||
|
|
||
| @keyframes slideDownAndFade { | ||
| from { | ||
| opacity: 0; | ||
| transform: translateY(-2px); | ||
| } | ||
| to { | ||
| opacity: 1; | ||
| transform: translateY(0); | ||
| } | ||
| } | ||
|
|
||
| @keyframes slideLeftAndFade { | ||
| from { | ||
| opacity: 0; | ||
| transform: translateX(-12px); | ||
| } | ||
| to { | ||
| opacity: 1; | ||
| transform: translateX(0); | ||
| } | ||
| } | ||
|
|
||
| .hoverCardContent { | ||
| border-radius: var(--component-radii-md); | ||
| border: 1px solid var(--color-neutral-stroke-subtle); | ||
| padding: var(--component-spacing-lg); | ||
| width: 300px; | ||
| background-color: var(--color-neutral-canvas-minimal-bg); | ||
| box-shadow: var(--shadows-contextMenu); | ||
| animation-duration: 200ms; | ||
| animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); | ||
| will-change: transform, opacity; | ||
| } | ||
|
|
||
| .hoverCardContent[data-state="open"][data-side="top"] { | ||
| animation-name: slideDownAndFade; | ||
| } | ||
|
|
||
| .hoverCardContent[data-state="open"][data-side="right"] { | ||
| animation-name: slideLeftAndFade; | ||
| } | ||
|
|
||
| .hoverCardContent[data-state="open"][data-side="bottom"] { | ||
| animation-name: slideUpAndFade; | ||
| } | ||
|
|
||
| .hoverCardContent[data-state="open"][data-side="left"] { | ||
| animation-name: slideRightAndFade; | ||
| } | ||
|
|
||
| .styledLink { | ||
| color: var(--color-accent-surface-base-idle-fg-default); | ||
| text-decoration: none; | ||
| font-weight: var(--fontWeights-sansMedium); | ||
| } | ||
|
|
||
| .heading { | ||
| font-size: var(--fontSizes-small); | ||
| font-weight: var(--fontWeights-sansMedium); | ||
| color: var(--color-neutral-canvas-default-fg-default); | ||
| } | ||
|
|
||
| .description { | ||
| line-height: 150%; | ||
| } |
Oops, something went wrong.