@lablup/ui-common 0.2.0-alpha.17 → 0.2.0-alpha.19

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 (173) hide show
  1. package/README.md +3 -2
  2. package/astryx/components/Board.doc.mjs +122 -0
  3. package/astryx/components/Board.tsx +3 -0
  4. package/astryx/components/Form.doc.mjs +1 -1
  5. package/astryx/docs/ui-common.doc.mjs +1 -1
  6. package/dist/assets/components/Board/Board.css +2 -0
  7. package/dist/assets/components/Form/FormItemVisual.css +1 -1
  8. package/dist/astryx/DateInput/tokens.stylex.d.ts +1 -0
  9. package/dist/astryx/DateInput/tokens.stylex.js +1 -0
  10. package/dist/astryx/Icon/IconSize.stylex.d.ts +1 -0
  11. package/dist/astryx/Icon/IconSize.stylex.js +1 -0
  12. package/dist/astryx/Indicator/indicator.markers.stylex.d.ts +1 -0
  13. package/dist/astryx/Indicator/indicator.markers.stylex.js +1 -0
  14. package/dist/astryx/Layer/layerAnimations.stylex.d.ts +1 -0
  15. package/dist/astryx/Layer/layerAnimations.stylex.js +1 -0
  16. package/dist/astryx/Layer/layerTextReset.stylex.d.ts +1 -0
  17. package/dist/astryx/Layer/layerTextReset.stylex.js +1 -0
  18. package/dist/astryx/Layer/layerViewportInset.stylex.d.ts +1 -0
  19. package/dist/astryx/Layer/layerViewportInset.stylex.js +1 -0
  20. package/dist/astryx/Layout/container.stylex.d.ts +1 -0
  21. package/dist/astryx/Layout/container.stylex.js +1 -0
  22. package/dist/astryx/Layout/edgeCompensation.stylex.d.ts +1 -0
  23. package/dist/astryx/Layout/edgeCompensation.stylex.js +1 -0
  24. package/dist/astryx/Layout/padding.stylex.d.ts +1 -0
  25. package/dist/astryx/Layout/padding.stylex.js +1 -0
  26. package/dist/astryx/Markdown/plugin-renderer.d.ts +1 -0
  27. package/dist/astryx/Markdown/plugin-renderer.js +1 -0
  28. package/dist/astryx/NavItem/navItemStyles.stylex.d.ts +1 -0
  29. package/dist/astryx/NavItem/navItemStyles.stylex.js +1 -0
  30. package/dist/astryx/Selector/selectorPresentation.stylex.d.ts +1 -0
  31. package/dist/astryx/Selector/selectorPresentation.stylex.js +1 -0
  32. package/dist/astryx/Stack/stack.stylex.d.ts +1 -0
  33. package/dist/astryx/Stack/stack.stylex.js +1 -0
  34. package/dist/astryx/Stack/stackItem.stylex.d.ts +1 -0
  35. package/dist/astryx/Stack/stackItem.stylex.js +1 -0
  36. package/dist/astryx/Text/text.stylex.d.ts +1 -0
  37. package/dist/astryx/Text/text.stylex.js +1 -0
  38. package/dist/astryx/theme/dataTokens.stylex.d.ts +1 -0
  39. package/dist/astryx/theme/dataTokens.stylex.js +1 -0
  40. package/dist/astryx/theme/neutral/fonts.css +3 -0
  41. package/dist/astryx/utils/focusOutline.stylex.d.ts +1 -0
  42. package/dist/astryx/utils/focusOutline.stylex.js +1 -0
  43. package/dist/astryx/utils/interactionOverlay.stylex.d.ts +1 -0
  44. package/dist/astryx/utils/interactionOverlay.stylex.js +1 -0
  45. package/dist/components/Board/Board.d.ts +102 -0
  46. package/dist/components/Board/Board.messages.d.ts +62 -0
  47. package/dist/components/Board/Board.messages.js +68 -0
  48. package/dist/components/Board/Board.messages.js.map +1 -0
  49. package/dist/components/Board/Board2.js +607 -0
  50. package/dist/components/Board/Board2.js.map +1 -0
  51. package/dist/components/Board/engine.d.ts +60 -0
  52. package/dist/components/Board/engine.js +397 -0
  53. package/dist/components/Board/engine.js.map +1 -0
  54. package/dist/components/Board/index.d.ts +4 -0
  55. package/dist/components/Board/index.js +3 -0
  56. package/dist/components/Board/layout.d.ts +81 -0
  57. package/dist/components/Board/layout.js +67 -0
  58. package/dist/components/Board/layout.js.map +1 -0
  59. package/dist/components/Board/scroll.d.ts +38 -0
  60. package/dist/components/Board/scroll.js +42 -0
  61. package/dist/components/Board/scroll.js.map +1 -0
  62. package/dist/components/DataGrid/DataGrid2.js +128 -128
  63. package/dist/components/DataGrid/DataGrid2.js.map +1 -1
  64. package/dist/components/Form/FormItem.d.ts +6 -1
  65. package/dist/components/Form/FormItem.js +68 -67
  66. package/dist/components/Form/FormItem.js.map +1 -1
  67. package/dist/components/Form/FormItemVisual.d.ts +7 -0
  68. package/dist/components/Form/FormItemVisual2.js +60 -55
  69. package/dist/components/Form/FormItemVisual2.js.map +1 -1
  70. package/dist/components/NotificationStack/NotificationStack2.js +1 -0
  71. package/dist/components/NotificationStack/NotificationStack2.js.map +1 -1
  72. package/dist/components/PageHeader/PageHeader2.js +4 -4
  73. package/dist/components/PagedSelector/PagedSelector.d.ts +1 -1
  74. package/dist/components/PagedSelector/PagedSelector2.js +37 -37
  75. package/dist/components/PagedSelector/PagedSelector2.js.map +1 -1
  76. package/dist/components/SelectionLabel/SelectionLabel.js +4 -4
  77. package/dist/forks/ComplexSelector/ComplexSelector.d.ts +82 -6
  78. package/dist/forks/ComplexSelector/ComplexSelector.js +170 -114
  79. package/dist/forks/ComplexSelector/ComplexSelector.js.map +1 -1
  80. package/dist/forks/ComplexSelector/ComplexSelector.styles.d.ts +40 -0
  81. package/dist/forks/ComplexSelector/ComplexSelector.styles.js +46 -6
  82. package/dist/forks/ComplexSelector/ComplexSelector.styles.js.map +1 -1
  83. package/dist/forks/ComplexSelector/index.d.ts +1 -1
  84. package/dist/forks/Drawer/Drawer.d.ts +21 -3
  85. package/dist/forks/Drawer/Drawer.js +70 -65
  86. package/dist/forks/Drawer/Drawer.js.map +1 -1
  87. package/dist/forks/Drawer/Drawer.styles.d.ts +16 -0
  88. package/dist/forks/Drawer/Drawer.styles.js +16 -0
  89. package/dist/forks/Drawer/Drawer.styles.js.map +1 -1
  90. package/dist/forks/Drawer/useDrawerDialogPresence.js.map +1 -1
  91. package/dist/forks/Tour/Tour.js +38 -40
  92. package/dist/forks/Tour/Tour.js.map +1 -1
  93. package/dist/forks/Tour/TourContext.js.map +1 -1
  94. package/dist/forks/Tour/TourStep.js.map +1 -1
  95. package/dist/forks/Tour/TourStep.styles.js.map +1 -1
  96. package/dist/forks/Tour/useTour.js.map +1 -1
  97. package/dist/i18n/catalog.js +27 -25
  98. package/dist/i18n/catalog.js.map +1 -1
  99. package/dist/i18n/locales/de-DE.js +60 -0
  100. package/dist/i18n/locales/de-DE.js.map +1 -1
  101. package/dist/i18n/locales/el-GR.js +60 -0
  102. package/dist/i18n/locales/el-GR.js.map +1 -1
  103. package/dist/i18n/locales/es-ES.js +60 -0
  104. package/dist/i18n/locales/es-ES.js.map +1 -1
  105. package/dist/i18n/locales/fi-FI.js +60 -0
  106. package/dist/i18n/locales/fi-FI.js.map +1 -1
  107. package/dist/i18n/locales/fr-FR.js +60 -0
  108. package/dist/i18n/locales/fr-FR.js.map +1 -1
  109. package/dist/i18n/locales/id-ID.js +60 -0
  110. package/dist/i18n/locales/id-ID.js.map +1 -1
  111. package/dist/i18n/locales/it-IT.js +60 -0
  112. package/dist/i18n/locales/it-IT.js.map +1 -1
  113. package/dist/i18n/locales/ja-JP.js +60 -0
  114. package/dist/i18n/locales/ja-JP.js.map +1 -1
  115. package/dist/i18n/locales/ko-KR.js +60 -0
  116. package/dist/i18n/locales/ko-KR.js.map +1 -1
  117. package/dist/i18n/locales/mn-MN.js +60 -0
  118. package/dist/i18n/locales/mn-MN.js.map +1 -1
  119. package/dist/i18n/locales/ms-MY.js +60 -0
  120. package/dist/i18n/locales/ms-MY.js.map +1 -1
  121. package/dist/i18n/locales/pl-PL.js +60 -0
  122. package/dist/i18n/locales/pl-PL.js.map +1 -1
  123. package/dist/i18n/locales/pt-BR.js +60 -0
  124. package/dist/i18n/locales/pt-BR.js.map +1 -1
  125. package/dist/i18n/locales/pt-PT.js +60 -0
  126. package/dist/i18n/locales/pt-PT.js.map +1 -1
  127. package/dist/i18n/locales/ru-RU.js +60 -0
  128. package/dist/i18n/locales/ru-RU.js.map +1 -1
  129. package/dist/i18n/locales/th-TH.js +60 -0
  130. package/dist/i18n/locales/th-TH.js.map +1 -1
  131. package/dist/i18n/locales/tr-TR.js +60 -0
  132. package/dist/i18n/locales/tr-TR.js.map +1 -1
  133. package/dist/i18n/locales/vi-VN.js +60 -0
  134. package/dist/i18n/locales/vi-VN.js.map +1 -1
  135. package/dist/i18n/locales/zh-CN.js +60 -0
  136. package/dist/i18n/locales/zh-CN.js.map +1 -1
  137. package/dist/i18n/locales/zh-TW.js +60 -0
  138. package/dist/i18n/locales/zh-TW.js.map +1 -1
  139. package/dist/index.d.ts +7 -5
  140. package/dist/index.js +61 -59
  141. package/dist/instance.js +2 -2
  142. package/dist/locales/en.generated.js +34 -0
  143. package/dist/locales/en.json +136 -0
  144. package/dist/locales/pseudo.generated.js +34 -0
  145. package/dist/locales/pseudo.json +102 -0
  146. package/dist/theme/lablup/built/lablup.d.ts +3 -3
  147. package/dist/theme/lablup/built/lablup.js +24 -5
  148. package/dist/theme/lablup/built/lablup.variants.d.ts +2 -2
  149. package/dist/theme/lablup/built/theme.css +70 -63
  150. package/dist/theme/lablup/built/theme.css.d.ts +9 -0
  151. package/dist/ui-common-locales/de-DE.json +60 -0
  152. package/dist/ui-common-locales/el-GR.json +60 -0
  153. package/dist/ui-common-locales/en.json +60 -0
  154. package/dist/ui-common-locales/es-ES.json +60 -0
  155. package/dist/ui-common-locales/fi-FI.json +60 -0
  156. package/dist/ui-common-locales/fr-FR.json +60 -0
  157. package/dist/ui-common-locales/id-ID.json +60 -0
  158. package/dist/ui-common-locales/it-IT.json +60 -0
  159. package/dist/ui-common-locales/ja-JP.json +60 -0
  160. package/dist/ui-common-locales/ko-KR.json +60 -0
  161. package/dist/ui-common-locales/mn-MN.json +60 -0
  162. package/dist/ui-common-locales/ms-MY.json +60 -0
  163. package/dist/ui-common-locales/pl-PL.json +60 -0
  164. package/dist/ui-common-locales/pt-BR.json +60 -0
  165. package/dist/ui-common-locales/pt-PT.json +60 -0
  166. package/dist/ui-common-locales/ru-RU.json +60 -0
  167. package/dist/ui-common-locales/th-TH.json +60 -0
  168. package/dist/ui-common-locales/tr-TR.json +60 -0
  169. package/dist/ui-common-locales/vi-VN.json +60 -0
  170. package/dist/ui-common-locales/zh-CN.json +60 -0
  171. package/dist/ui-common-locales/zh-TW.json +60 -0
  172. package/exports.customs.json +1 -0
  173. package/package.json +86 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lablup/ui-common",
3
- "version": "0.2.0-alpha.17",
3
+ "version": "0.2.0-alpha.19",
4
4
  "description": "Lablup's UI layer on Astryx: the Astryx surface re-exported 1:1, the Lablup theme, and shared components",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Lablup Inc.",
@@ -78,10 +78,78 @@
78
78
  "types": "./dist/astryx/theme/tokens.stylex.d.ts",
79
79
  "import": "./dist/astryx/theme/tokens.stylex.js"
80
80
  },
81
+ "./theme/dataTokens.stylex": {
82
+ "types": "./dist/astryx/theme/dataTokens.stylex.d.ts",
83
+ "import": "./dist/astryx/theme/dataTokens.stylex.js"
84
+ },
81
85
  "./theme/syntax": {
82
86
  "types": "./dist/astryx/theme/syntax.d.ts",
83
87
  "import": "./dist/astryx/theme/syntax.js"
84
88
  },
89
+ "./DateInput/tokens.stylex": {
90
+ "types": "./dist/astryx/DateInput/tokens.stylex.d.ts",
91
+ "import": "./dist/astryx/DateInput/tokens.stylex.js"
92
+ },
93
+ "./Icon/IconSize.stylex": {
94
+ "types": "./dist/astryx/Icon/IconSize.stylex.d.ts",
95
+ "import": "./dist/astryx/Icon/IconSize.stylex.js"
96
+ },
97
+ "./Indicator/indicator.markers.stylex": {
98
+ "types": "./dist/astryx/Indicator/indicator.markers.stylex.d.ts",
99
+ "import": "./dist/astryx/Indicator/indicator.markers.stylex.js"
100
+ },
101
+ "./Layer/layerAnimations.stylex": {
102
+ "types": "./dist/astryx/Layer/layerAnimations.stylex.d.ts",
103
+ "import": "./dist/astryx/Layer/layerAnimations.stylex.js"
104
+ },
105
+ "./Layer/layerTextReset.stylex": {
106
+ "types": "./dist/astryx/Layer/layerTextReset.stylex.d.ts",
107
+ "import": "./dist/astryx/Layer/layerTextReset.stylex.js"
108
+ },
109
+ "./Layer/layerViewportInset.stylex": {
110
+ "types": "./dist/astryx/Layer/layerViewportInset.stylex.d.ts",
111
+ "import": "./dist/astryx/Layer/layerViewportInset.stylex.js"
112
+ },
113
+ "./Layout/container.stylex": {
114
+ "types": "./dist/astryx/Layout/container.stylex.d.ts",
115
+ "import": "./dist/astryx/Layout/container.stylex.js"
116
+ },
117
+ "./Layout/edgeCompensation.stylex": {
118
+ "types": "./dist/astryx/Layout/edgeCompensation.stylex.d.ts",
119
+ "import": "./dist/astryx/Layout/edgeCompensation.stylex.js"
120
+ },
121
+ "./Layout/padding.stylex": {
122
+ "types": "./dist/astryx/Layout/padding.stylex.d.ts",
123
+ "import": "./dist/astryx/Layout/padding.stylex.js"
124
+ },
125
+ "./NavItem/navItemStyles.stylex": {
126
+ "types": "./dist/astryx/NavItem/navItemStyles.stylex.d.ts",
127
+ "import": "./dist/astryx/NavItem/navItemStyles.stylex.js"
128
+ },
129
+ "./Selector/selectorPresentation.stylex": {
130
+ "types": "./dist/astryx/Selector/selectorPresentation.stylex.d.ts",
131
+ "import": "./dist/astryx/Selector/selectorPresentation.stylex.js"
132
+ },
133
+ "./Stack/stack.stylex": {
134
+ "types": "./dist/astryx/Stack/stack.stylex.d.ts",
135
+ "import": "./dist/astryx/Stack/stack.stylex.js"
136
+ },
137
+ "./Stack/stackItem.stylex": {
138
+ "types": "./dist/astryx/Stack/stackItem.stylex.d.ts",
139
+ "import": "./dist/astryx/Stack/stackItem.stylex.js"
140
+ },
141
+ "./Text/text.stylex": {
142
+ "types": "./dist/astryx/Text/text.stylex.d.ts",
143
+ "import": "./dist/astryx/Text/text.stylex.js"
144
+ },
145
+ "./utils/focusOutline.stylex": {
146
+ "types": "./dist/astryx/utils/focusOutline.stylex.d.ts",
147
+ "import": "./dist/astryx/utils/focusOutline.stylex.js"
148
+ },
149
+ "./utils/interactionOverlay.stylex": {
150
+ "types": "./dist/astryx/utils/interactionOverlay.stylex.d.ts",
151
+ "import": "./dist/astryx/utils/interactionOverlay.stylex.js"
152
+ },
85
153
  "./locales/*.json": "./dist/locales/*.json",
86
154
  "./locales/*.generated.js": {
87
155
  "types": "./dist/locales/*.generated.d.ts",
@@ -515,6 +583,10 @@
515
583
  "types": "./dist/astryx/Markdown/plugins.d.ts",
516
584
  "import": "./dist/astryx/Markdown/plugins.js"
517
585
  },
586
+ "./Markdown/plugin-renderer": {
587
+ "types": "./dist/astryx/Markdown/plugin-renderer.d.ts",
588
+ "import": "./dist/astryx/Markdown/plugin-renderer.js"
589
+ },
518
590
  "./Markdown/parser": {
519
591
  "types": "./dist/astryx/Markdown/parser.d.ts",
520
592
  "import": "./dist/astryx/Markdown/parser.js"
@@ -565,6 +637,7 @@
565
637
  "import": "./dist/astryx/theme/neutral/built.js"
566
638
  },
567
639
  "./theme/neutral/theme.css": "./dist/astryx/theme/neutral/theme.css",
640
+ "./theme/neutral/fonts.css": "./dist/astryx/theme/neutral/fonts.css",
568
641
  "./AlertModal": {
569
642
  "types": "./dist/components/AlertModal/index.d.ts",
570
643
  "import": "./dist/components/AlertModal/index.js"
@@ -584,8 +657,8 @@
584
657
  "./package.json": "./package.json"
585
658
  },
586
659
  "dependencies": {
587
- "@astryxdesign/core": "0.6.5",
588
- "@astryxdesign/theme-neutral": "0.6.5",
660
+ "@astryxdesign/core": "0.7.0",
661
+ "@astryxdesign/theme-neutral": "0.7.0",
589
662
  "@dnd-kit/core": "6.3.1",
590
663
  "@dnd-kit/modifiers": "9.0.0",
591
664
  "@dnd-kit/sortable": "10.0.0",
@@ -594,7 +667,7 @@
594
667
  "lucide-react": "^1.18.0"
595
668
  },
596
669
  "peerDependencies": {
597
- "@astryxdesign/lab": "0.6.5-canary.8701623",
670
+ "@astryxdesign/lab": "0.7.0-canary.97a0d31",
598
671
  "@stylexjs/stylex": "^0.19.0",
599
672
  "react": "^19.2.0",
600
673
  "react-dom": "^19.2.0"
@@ -605,9 +678,11 @@
605
678
  }
606
679
  },
607
680
  "devDependencies": {
608
- "@astryxdesign/cli": "0.6.5",
609
- "@astryxdesign/lab": "0.6.5-canary.8701623",
681
+ "@astryxdesign/cli": "0.7.0",
682
+ "@astryxdesign/lab": "0.7.0-canary.97a0d31",
610
683
  "@eslint/js": "^9.39.0",
684
+ "@storybook/addon-docs": "^10.6.1",
685
+ "@storybook/react-vite": "^10.6.1",
611
686
  "@stylexjs/stylex": "0.19.0",
612
687
  "@testing-library/jest-dom": "6.9.1",
613
688
  "@testing-library/react": "^16.3.2",
@@ -616,14 +691,17 @@
616
691
  "@types/react": "^19.2.0",
617
692
  "@types/react-dom": "^19.2.0",
618
693
  "@vitejs/plugin-react": "^6.0.2",
694
+ "@vueless/storybook-dark-mode": "^10.0.8",
619
695
  "eslint": "^9.39.0",
620
696
  "eslint-plugin-react-hooks": "6.0.0-rc.1",
697
+ "eslint-plugin-storybook": "^10.6.1",
621
698
  "globals": "^16.5.0",
622
699
  "jsdom": "^29.1.1",
623
700
  "prettier": "^3.8.4",
624
701
  "react": "^19.2.7",
625
702
  "react-dom": "^19.2.7",
626
703
  "sass": "^1.105.0",
704
+ "storybook": "^10.6.1",
627
705
  "tinyglobby": "^0.2.15",
628
706
  "typescript": "^5.9.3",
629
707
  "typescript-eslint": "^8.47.0",
@@ -639,6 +717,8 @@
639
717
  "format:check": "prettier --check .",
640
718
  "test": "vitest run",
641
719
  "test:watch": "vitest",
720
+ "storybook": "storybook dev -p 6006",
721
+ "build-storybook": "storybook build",
642
722
  "gen:exports": "node scripts/gen-exports.mjs",
643
723
  "sync:forks": "node scripts/sync-forks.mjs",
644
724
  "theme:build": "astryx theme build src/theme/lablup/lablupTheme.ts -o src/theme/lablup/built/theme.css --icons-specifier @astryxdesign/theme-neutral",