@myoc/excalidraw 0.20.1 → 0.21.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.
Files changed (52) hide show
  1. package/CHANGELOG.md +253 -0
  2. package/dist/dev/{chunk-VBVJJWUO.js → chunk-A5GXRKT7.js} +24 -2
  3. package/dist/dev/chunk-A5GXRKT7.js.map +7 -0
  4. package/dist/dev/{chunk-6JJSWC4C.js → chunk-ETORD5CS.js} +41 -1
  5. package/dist/dev/{chunk-6JJSWC4C.js.map → chunk-ETORD5CS.js.map} +3 -3
  6. package/dist/dev/{chunk-EYSZ36MK.js → chunk-RCINQZKB.js} +2 -2
  7. package/dist/dev/{chunk-JBD373VY.js → chunk-TYPY4HGC.js} +374 -75
  8. package/dist/dev/chunk-TYPY4HGC.js.map +7 -0
  9. package/dist/dev/data/{image-KRZO2CVW.js → image-LHOOLEDU.js} +3 -3
  10. package/dist/dev/index.css +121 -0
  11. package/dist/dev/index.css.map +2 -2
  12. package/dist/dev/index.js +1911 -1513
  13. package/dist/dev/index.js.map +4 -4
  14. package/dist/dev/locales/{en-V2WTRX5T.js → en-5NWRTZ4G.js} +4 -2
  15. package/dist/dev/subset-shared.chunk.js +4 -2
  16. package/dist/dev/subset-worker.chunk.js +2 -2
  17. package/dist/prod/{chunk-THEEFQ4B.js → chunk-4M4QNZNP.js} +1 -1
  18. package/dist/prod/{chunk-MZBVWY5X.js → chunk-FX6OEDRJ.js} +4 -4
  19. package/dist/prod/chunk-UXMXN2SG.js +4 -0
  20. package/dist/prod/{chunk-Z5NKEFVG.js → chunk-VDR2JODW.js} +10 -10
  21. package/dist/prod/data/image-XO3VLL25.js +1 -0
  22. package/dist/prod/index.css +1 -1
  23. package/dist/prod/index.js +16 -16
  24. package/dist/prod/locales/en-3B3DKM74.js +1 -0
  25. package/dist/prod/subset-shared.chunk.js +1 -1
  26. package/dist/prod/subset-worker.chunk.js +1 -1
  27. package/dist/types/common/src/constants.d.ts +7 -2
  28. package/dist/types/common/src/font-metadata.d.ts +4 -2
  29. package/dist/types/element/src/types.d.ts +2 -2
  30. package/dist/types/excalidraw/appState.d.ts +1 -1
  31. package/dist/types/excalidraw/charts/charts.constants.d.ts +1 -1
  32. package/dist/types/excalidraw/components/FontPicker/FontPicker.d.ts +1 -1
  33. package/dist/types/excalidraw/components/FontPicker/FontPickerList.d.ts +15 -4
  34. package/dist/types/excalidraw/components/FontPicker/FontWeightPicker.d.ts +34 -0
  35. package/dist/types/excalidraw/components/FontPicker/keyboardNavHandlers.d.ts +3 -2
  36. package/dist/types/excalidraw/fonts/ExcalidrawFontFace.d.ts +2 -1
  37. package/dist/types/excalidraw/fonts/Fonts.d.ts +15 -4
  38. package/dist/types/excalidraw/fonts/googleFonts.d.ts +40 -0
  39. package/dist/types/excalidraw/index.d.ts +2 -1
  40. package/dist/types/excalidraw/subset/subset-main.d.ts +1 -0
  41. package/dist/types/excalidraw/subset/subset-shared.chunk.d.ts +1 -0
  42. package/dist/types/excalidraw/subset/woff2/fontMetrics.d.ts +8 -0
  43. package/dist/types/excalidraw/types.d.ts +42 -0
  44. package/package.json +4 -4
  45. package/dist/dev/chunk-JBD373VY.js.map +0 -7
  46. package/dist/dev/chunk-VBVJJWUO.js.map +0 -7
  47. package/dist/prod/chunk-CQHKTNJ6.js +0 -4
  48. package/dist/prod/data/image-3WH4CMOG.js +0 -1
  49. package/dist/prod/locales/en-ALU5NMSJ.js +0 -1
  50. /package/dist/dev/{chunk-EYSZ36MK.js.map → chunk-RCINQZKB.js.map} +0 -0
  51. /package/dist/dev/data/{image-KRZO2CVW.js.map → image-LHOOLEDU.js.map} +0 -0
  52. /package/dist/dev/locales/{en-V2WTRX5T.js.map → en-5NWRTZ4G.js.map} +0 -0
@@ -2,12 +2,12 @@ import {
2
2
  decodePngMetadata,
3
3
  encodePngMetadata,
4
4
  getTEXtChunk
5
- } from "../chunk-JBD373VY.js";
6
- import "../chunk-EYSZ36MK.js";
5
+ } from "../chunk-TYPY4HGC.js";
6
+ import "../chunk-RCINQZKB.js";
7
7
  import "../chunk-XDFCUUT6.js";
8
8
  export {
9
9
  decodePngMetadata,
10
10
  encodePngMetadata,
11
11
  getTEXtChunk
12
12
  };
13
- //# sourceMappingURL=image-KRZO2CVW.js.map
13
+ //# sourceMappingURL=image-LHOOLEDU.js.map
@@ -883,6 +883,127 @@ body.excalidraw-color-dnd-active * {
883
883
  display: block;
884
884
  grid-template-columns: none;
885
885
  }
886
+ .excalidraw .FontPicker__upgrade-action {
887
+ border-top: 1px solid var(--default-border-color);
888
+ padding: 0.5rem;
889
+ }
890
+ .excalidraw .FontPicker__upgrade-action > * {
891
+ width: 100%;
892
+ }
893
+ .excalidraw .FontPicker__row {
894
+ display: flex;
895
+ align-items: center;
896
+ gap: 0.25rem;
897
+ }
898
+ .excalidraw .FontPicker__row > .dropdown-menu-item {
899
+ flex: 1 1 auto;
900
+ min-width: 0;
901
+ }
902
+ .excalidraw .FontPicker__row-action {
903
+ flex: 0 0 auto;
904
+ display: flex;
905
+ align-items: center;
906
+ justify-content: center;
907
+ width: 1.75rem;
908
+ height: 1.75rem;
909
+ padding: 0;
910
+ border: 0;
911
+ border-radius: var(--border-radius-md);
912
+ background: transparent;
913
+ color: var(--color-on-surface);
914
+ cursor: pointer;
915
+ }
916
+ .excalidraw .FontPicker__row-action svg {
917
+ width: 1rem;
918
+ height: 1rem;
919
+ }
920
+ .excalidraw .FontPicker__row-action:hover {
921
+ background: var(--button-hover-bg);
922
+ }
923
+ .excalidraw .FontPicker__empty-library {
924
+ margin: 0;
925
+ padding: 0.25rem 0.5rem;
926
+ font-size: 0.75rem;
927
+ color: var(--color-gray-60);
928
+ }
929
+ .excalidraw .FontWeightPicker {
930
+ margin-top: 0.5rem;
931
+ }
932
+ .excalidraw .FontWeightPicker__options {
933
+ display: flex;
934
+ flex-wrap: wrap;
935
+ gap: 0.25rem;
936
+ }
937
+ .excalidraw .FontWeightPicker__option {
938
+ padding: 0.25rem 0.5rem;
939
+ border: 1px solid var(--default-border-color);
940
+ border-radius: var(--border-radius-md);
941
+ background: transparent;
942
+ color: var(--color-on-surface);
943
+ cursor: pointer;
944
+ }
945
+ .excalidraw .FontWeightPicker__option:hover {
946
+ background: var(--button-hover-bg);
947
+ }
948
+ .excalidraw .FontWeightPicker__option.active {
949
+ background: var(--color-surface-primary-container);
950
+ border-color: var(--color-primary);
951
+ }
952
+ .excalidraw .FontWeightPicker__more {
953
+ margin-top: 0.25rem;
954
+ padding: 0;
955
+ border: 0;
956
+ background: transparent;
957
+ color: var(--color-primary);
958
+ cursor: pointer;
959
+ text-decoration: underline;
960
+ }
961
+ .excalidraw .FontWeightPicker--compact {
962
+ margin-top: 0.25rem;
963
+ }
964
+ .excalidraw .FontWeightPicker__option:focus-visible,
965
+ .excalidraw .FontWeightPicker__more:focus-visible,
966
+ .excalidraw .FontWeightPicker__trigger:focus-visible,
967
+ .excalidraw .FontWeightPicker__menu-item:focus-visible {
968
+ outline: 2px solid var(--color-primary);
969
+ outline-offset: 1px;
970
+ }
971
+ .excalidraw .FontWeightPicker__trigger {
972
+ padding: 0.25rem 0.5rem;
973
+ border: 1px solid var(--default-border-color);
974
+ border-radius: var(--border-radius-md);
975
+ background: transparent;
976
+ color: var(--color-on-surface);
977
+ cursor: pointer;
978
+ }
979
+ .excalidraw .FontWeightPicker__menu {
980
+ display: flex;
981
+ flex-direction: column;
982
+ min-width: 10rem;
983
+ }
984
+ .excalidraw .FontWeightPicker__menu-item {
985
+ display: flex;
986
+ align-items: center;
987
+ justify-content: space-between;
988
+ gap: 1rem;
989
+ min-height: 44px;
990
+ padding: 0 0.75rem;
991
+ border: 0;
992
+ border-radius: var(--border-radius-md);
993
+ background: transparent;
994
+ color: var(--color-on-surface);
995
+ text-align: start;
996
+ cursor: pointer;
997
+ }
998
+ .excalidraw .FontWeightPicker__menu-item:hover {
999
+ background: var(--button-hover-bg);
1000
+ }
1001
+ .excalidraw .FontWeightPicker__divider {
1002
+ width: 100%;
1003
+ margin: 0.25rem 0;
1004
+ border: 0;
1005
+ border-top: 1px solid var(--default-border-color);
1006
+ }
886
1007
 
887
1008
  /* components/IconPicker.scss */
888
1009
  .excalidraw .picker {