@lablup/ui-common 0.2.0-alpha.18 → 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 (83) hide show
  1. package/README.md +2 -2
  2. package/astryx/components/Form.doc.mjs +1 -1
  3. package/dist/assets/components/Form/FormItemVisual.css +1 -1
  4. package/dist/astryx/DateInput/tokens.stylex.d.ts +1 -0
  5. package/dist/astryx/DateInput/tokens.stylex.js +1 -0
  6. package/dist/astryx/Icon/IconSize.stylex.d.ts +1 -0
  7. package/dist/astryx/Icon/IconSize.stylex.js +1 -0
  8. package/dist/astryx/Indicator/indicator.markers.stylex.d.ts +1 -0
  9. package/dist/astryx/Indicator/indicator.markers.stylex.js +1 -0
  10. package/dist/astryx/Layer/layerAnimations.stylex.d.ts +1 -0
  11. package/dist/astryx/Layer/layerAnimations.stylex.js +1 -0
  12. package/dist/astryx/Layer/layerTextReset.stylex.d.ts +1 -0
  13. package/dist/astryx/Layer/layerTextReset.stylex.js +1 -0
  14. package/dist/astryx/Layer/layerViewportInset.stylex.d.ts +1 -0
  15. package/dist/astryx/Layer/layerViewportInset.stylex.js +1 -0
  16. package/dist/astryx/Layout/container.stylex.d.ts +1 -0
  17. package/dist/astryx/Layout/container.stylex.js +1 -0
  18. package/dist/astryx/Layout/edgeCompensation.stylex.d.ts +1 -0
  19. package/dist/astryx/Layout/edgeCompensation.stylex.js +1 -0
  20. package/dist/astryx/Layout/padding.stylex.d.ts +1 -0
  21. package/dist/astryx/Layout/padding.stylex.js +1 -0
  22. package/dist/astryx/Markdown/plugin-renderer.d.ts +1 -0
  23. package/dist/astryx/Markdown/plugin-renderer.js +1 -0
  24. package/dist/astryx/NavItem/navItemStyles.stylex.d.ts +1 -0
  25. package/dist/astryx/NavItem/navItemStyles.stylex.js +1 -0
  26. package/dist/astryx/Selector/selectorPresentation.stylex.d.ts +1 -0
  27. package/dist/astryx/Selector/selectorPresentation.stylex.js +1 -0
  28. package/dist/astryx/Stack/stack.stylex.d.ts +1 -0
  29. package/dist/astryx/Stack/stack.stylex.js +1 -0
  30. package/dist/astryx/Stack/stackItem.stylex.d.ts +1 -0
  31. package/dist/astryx/Stack/stackItem.stylex.js +1 -0
  32. package/dist/astryx/Text/text.stylex.d.ts +1 -0
  33. package/dist/astryx/Text/text.stylex.js +1 -0
  34. package/dist/astryx/theme/dataTokens.stylex.d.ts +1 -0
  35. package/dist/astryx/theme/dataTokens.stylex.js +1 -0
  36. package/dist/astryx/theme/neutral/fonts.css +3 -0
  37. package/dist/astryx/utils/focusOutline.stylex.d.ts +1 -0
  38. package/dist/astryx/utils/focusOutline.stylex.js +1 -0
  39. package/dist/astryx/utils/interactionOverlay.stylex.d.ts +1 -0
  40. package/dist/astryx/utils/interactionOverlay.stylex.js +1 -0
  41. package/dist/components/Form/FormItem.d.ts +5 -0
  42. package/dist/components/Form/FormItem.js +68 -67
  43. package/dist/components/Form/FormItem.js.map +1 -1
  44. package/dist/components/Form/FormItemVisual.d.ts +7 -0
  45. package/dist/components/Form/FormItemVisual2.js +60 -55
  46. package/dist/components/Form/FormItemVisual2.js.map +1 -1
  47. package/dist/components/NotificationStack/NotificationStack2.js +1 -0
  48. package/dist/components/NotificationStack/NotificationStack2.js.map +1 -1
  49. package/dist/components/PagedSelector/PagedSelector.d.ts +1 -1
  50. package/dist/components/PagedSelector/PagedSelector2.js.map +1 -1
  51. package/dist/forks/ComplexSelector/ComplexSelector.d.ts +82 -6
  52. package/dist/forks/ComplexSelector/ComplexSelector.js +170 -114
  53. package/dist/forks/ComplexSelector/ComplexSelector.js.map +1 -1
  54. package/dist/forks/ComplexSelector/ComplexSelector.styles.d.ts +40 -0
  55. package/dist/forks/ComplexSelector/ComplexSelector.styles.js +46 -6
  56. package/dist/forks/ComplexSelector/ComplexSelector.styles.js.map +1 -1
  57. package/dist/forks/ComplexSelector/index.d.ts +1 -1
  58. package/dist/forks/Drawer/Drawer.d.ts +21 -3
  59. package/dist/forks/Drawer/Drawer.js +70 -65
  60. package/dist/forks/Drawer/Drawer.js.map +1 -1
  61. package/dist/forks/Drawer/Drawer.styles.d.ts +16 -0
  62. package/dist/forks/Drawer/Drawer.styles.js +16 -0
  63. package/dist/forks/Drawer/Drawer.styles.js.map +1 -1
  64. package/dist/forks/Drawer/useDrawerDialogPresence.js.map +1 -1
  65. package/dist/forks/Tour/Tour.js +38 -40
  66. package/dist/forks/Tour/Tour.js.map +1 -1
  67. package/dist/forks/Tour/TourContext.js.map +1 -1
  68. package/dist/forks/Tour/TourStep.js.map +1 -1
  69. package/dist/forks/Tour/TourStep.styles.js.map +1 -1
  70. package/dist/forks/Tour/useTour.js.map +1 -1
  71. package/dist/index.d.ts +5 -5
  72. package/dist/index.js +2 -2
  73. package/dist/instance.js +2 -2
  74. package/dist/locales/en.generated.js +34 -0
  75. package/dist/locales/en.json +136 -0
  76. package/dist/locales/pseudo.generated.js +34 -0
  77. package/dist/locales/pseudo.json +102 -0
  78. package/dist/theme/lablup/built/lablup.d.ts +3 -3
  79. package/dist/theme/lablup/built/lablup.js +24 -5
  80. package/dist/theme/lablup/built/lablup.variants.d.ts +2 -2
  81. package/dist/theme/lablup/built/theme.css +70 -63
  82. package/dist/theme/lablup/built/theme.css.d.ts +9 -0
  83. 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.18",
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",