Commit Graph
3073 Commits
Author SHA1 Message Date
Oleg Isonen 2a0e920725 working version 2022-11-13 20:05:06 +01:00
Sultan 826cd363fe fix spacing 2022-11-13 16:01:02 +03:00
Sultan c3fb36024a Update lock.tsx
weirdest specificity bug, this was somehow causing an all: unset rule in button styles to come after the styles, why? no idea.
2022-11-13 13:26:08 +03:00
Sultan bd3c049934 merge main 2022-11-12 22:54:14 +03:00
Sultan bb7f635f79 Merge branch 'feature-style-panel-flexChild-section' into feature-style-panel-typography-section 2022-11-12 22:50:35 +03:00
Sultan 047029a321 typescript nits 2022-11-12 22:49:45 +03:00
Sultan c7b921427f refactor to use new tokens, use value-picker-popover instead 2022-11-12 22:24:04 +03:00
Oleg Isonen e1986382e6 working version of the engine 2022-11-12 17:24:05 +01:00
Oleg Isonen 3f9815eadc make default designer specific css for wrapper component static/reusable across all components 2022-11-12 14:37:25 +01:00
Oleg Isonen 147c39db36 fix default style for wrapper comp 2022-11-12 13:59:57 +01:00
Oleg Isonen 8a80fb40a8 unset custom var when final value arrives 2022-11-12 13:52:01 +01:00
Sultan e20e10fd3e Merge branch 'main' into feature-style-panel-flexChild-section 2022-11-12 11:36:44 +03:00
Bogdan Chadkin c62d132098 Add more options to text editor (#442)
Ref https://github.com/webstudio-is/webstudio-designer/issues/400

- added superscript
- added subscript
- added clear formatting, used same trick as with span
- refactored interop to cover more options with less code
- convert newlines to linebreaks instead of paragraphs when convert
instances to lexical tree
2022-11-11 23:13:04 +03:00
Oleg Isonen 1a623b7e9d simplify css preview logic 2022-11-11 20:40:12 +01:00
Oleg Isonen bd341cd74c simplify usePreviewCss 2022-11-11 20:30:34 +01:00
Oleg Isonen a30b7ad5be set values over css vars 2022-11-11 16:48:53 +01:00
Roman Pominov 36509e644a Merge pull request #440 from webstudio-is/ii
Minor fixes
2022-11-10 23:03:20 +04:00
Oleg Isonen 57b8bc92c2 Merge branch 'main' into migrate-tokens 2022-11-10 16:39:27 +01:00
Oleg Isonen af527e90f2 migrate border-radius 2022-11-10 16:15:21 +01:00
Roman Pominov e107260855 fix !i 2022-11-10 19:12:05 +04:00
Roman Pominov ebeb78ad6c Fix a bug where outline does not update for inline elements (#438)
Fixes #433
2022-11-10 17:49:16 +03:00
Bogdan Chadkin 83aaba5f46 Allow span fragment in text editor (#426)
Ref https://github.com/webstudio-is/webstudio-designer/issues/400

- added span component to sdk
- added span support to text editor toolbar

Lexical has a great utility $patchStyleText which does exaactly what we
need, split selection into stylable element. Though there is a catch. It
requires to apply some styles. We do styling lazily and with clases so
it doesn't fit to trigger split. To workaroud it I instead patch with
css custom property which does not affect styling and considered a
trigger for lexical.

<img width="248" alt="image"
src="https://user-images.githubusercontent.com/5635476/201028529-0e5ec32e-a00a-43b0-899c-671f0edcad5b.png">
2022-11-10 17:15:47 +03:00
Oleg Isonen 9976367f33 move legacy font sizes as well 2022-11-10 15:12:41 +01:00
Oleg Isonen e2b584d55d migrate font tokens 2022-11-10 15:07:31 +01:00
Oleg Isonen 006c9f32f9 Revert "migrate font-sizes"
This reverts commit 0627e3e679.
2022-11-10 15:06:06 +01:00
Oleg Isonen 0627e3e679 migrate font-sizes 2022-11-10 14:54:53 +01:00
Oleg Isonen 81b444719a Merge branch 'main' into tailwind-spacing 2022-11-10 10:20:59 +01:00
Oleg Isonen 8663858915 fix up login card a little bit, its still a pretty much just thrown together 2022-11-10 10:20:13 +01:00
Oleg Isonen 25c9d56c5f Merge pull request #436 from webstudio-is/tailwind-spacing
Tailwind spacing
2022-11-10 09:09:03 +01:00
Bogdan Chadkin 6004259fb1 Save db state after docker compose down (#435)
With previous docker setup I have a problem when switched between
projects had to setup migrations again and loose current session.

Docker compose volumes solve this problem and preserve current db state.
Can be destroyed with `docker compose down -v`.
2022-11-10 10:23:56 +03:00
Oleg Isonen 29f4c72c9e Merge branch 'main' into tailwind-spacing 2022-11-09 21:54:34 +01:00
Oleg Isonen 530979a3e8 migrate to $spacing token everything 2022-11-09 21:03:04 +01:00
Roman Pominov b80165e6a4 Pages small improvements (#428)
- Fixes #424
- Fixes #405
- Removed the "pages" feature-flag — enabled it without a flag
2022-11-09 12:06:34 +03:00
Bogdan Chadkin 15972f8925 Allow text editor styles nesting (#423)
Ref https://github.com/webstudio-is/webstudio-designer/issues/289

Added support for styles inside links and styles inside each other.
Updates can have children updates and ids in updates become optional.

For now code is repetitive in some cases. Will be more general
eventually.

Though still we getting some complexity because lexical represents
italic and bold as single node when intersected.


<img width="413" alt="image"
src="https://user-images.githubusercontent.com/5635476/200588378-058d1042-a628-4f99-9c63-e18b9ecd5a8c.png">
2022-11-09 01:57:49 +03:00
Sultan 177c17083a fix ci, missing dep in effect array 2022-11-08 20:07:29 +03:00
natlusyht aaeb1c9a58 Merge pull request #415 from webstudio-is/fix-select-control-styles
fix select styles to be more inline with N-1 figma design update
2022-11-08 19:21:33 +03:00
natlusyht 7ba12fe2da Merge pull request #391 from webstudio-is/text-control-prefix-icon
Text control prefix icon
2022-11-08 19:20:56 +03:00
Roman Pominov 411aa1666c Add reusable functions for routes paths (#419) 2022-11-08 13:16:51 +03:00
Bogdan Chadkin a6f7a451bf Drop legacy text editor (#416)
Old code no longer used. Can be removed.
2022-11-08 12:19:45 +03:00
Bogdan Chadkin 0c3993dce5 Reimplement text editor (#412)
Ref https://github.com/webstudio-is/webstudio-designer/issues/289

Previous implementation relied on custom instance nodes which broke a
lot of builtin behaviour.

With new editor I use only builtin nodes. To preserve styling when
entering editing mode className is computed and assigned to lexical
element. Instances are stored in map and reused by updates converted and
className renderer.

Toolbar now shows "checked" state and allows to toggle off styling.
2022-11-08 00:20:17 +03:00
Oleg Isonen 11c05ae2a7 Merge branch 'main' into fix-select-control-styles 2022-11-07 19:40:38 +01:00
Mateusz Burzyński 2c39885160 Add a file transform to jest to handle assets (#392)
closes #387

Note that the issue mentions adding an asset import to a story in
`react-sdk`. Right now you also get type errors there on those. In the
designer app you don't get those because types for assets are declared
within the `@remix-run/dev` typedefs that you reference:

https://github.com/webstudio-is/webstudio-designer/blob/a9c2b0e6b9a82ea7f1ff626c47519b8404a67b04/apps/designer/remix.env.d.ts#L1

This is a separate problem though and should be handled separately.
2022-11-07 19:28:47 +01:00
Sultan 6b5c0d6e06 Merge branch 'text-control-prefix-icon' of github.com:webstudio-is/webstudio-designer into text-control-prefix-icon
# Conflicts:
#	packages/design-system/src/components/combobox.tsx
2022-11-07 21:01:37 +03:00
Sultan 8b5c36d1f9 review amendments 2022-11-07 21:00:18 +03:00
natlusyhtandOleg Isonen 248f97b887 Update apps/designer/app/designer/features/style-panel/shared/css-value-input/css-value-input.tsx
Co-authored-by: Oleg Isonen <oleg008@gmail.com>
2022-11-07 19:43:22 +03:00
natlusyhtandOleg Isonen e8d9df9e44 Update apps/designer/app/designer/features/style-panel/shared/css-value-input/css-value-input.tsx
Co-authored-by: Oleg Isonen <oleg008@gmail.com>
2022-11-07 19:43:08 +03:00
Sultan 29a7cf9e76 fix intermediate float invalid state not accepting input 2022-11-07 18:51:12 +03:00
Oleg Isonen ed9a6f4f05 Merge branch 'main' into 252-fonts-manager-and-fonts-selector 2022-11-07 16:40:10 +01:00
Roman Pominov e922279ce0 Don't use __DEPRECATED__Text in Label (#414)
Fixes #381
2022-11-07 18:30:16 +03:00
Oleg Isonen dadb6dc43c Merge branch 'main' into text-control-prefix-icon 2022-11-07 16:17:07 +01:00