@usefragments/ui 1.3.3 → 1.5.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 (152) hide show
  1. package/dist/assets/ui.css +1212 -798
  2. package/dist/chart.cjs +60 -24
  3. package/dist/chart.js +38 -24
  4. package/dist/colorpicker.cjs +56 -9
  5. package/dist/colorpicker.js +34 -9
  6. package/dist/components/Badge/Badge.module.scss.cjs +23 -16
  7. package/dist/components/Badge/Badge.module.scss.js +23 -16
  8. package/dist/components/Badge/index.cjs +8 -1
  9. package/dist/components/Badge/index.d.ts +3 -0
  10. package/dist/components/Badge/index.d.ts.map +1 -1
  11. package/dist/components/Badge/index.js +8 -1
  12. package/dist/components/Button/Button.module.scss.cjs +16 -13
  13. package/dist/components/Button/Button.module.scss.js +16 -13
  14. package/dist/components/Button/index.d.ts +2 -1
  15. package/dist/components/Button/index.d.ts.map +1 -1
  16. package/dist/components/Card/index.cjs +2 -2
  17. package/dist/components/Card/index.d.ts +4 -1
  18. package/dist/components/Card/index.d.ts.map +1 -1
  19. package/dist/components/Card/index.js +2 -2
  20. package/dist/components/Chart/index.d.ts +3 -0
  21. package/dist/components/Chart/index.d.ts.map +1 -1
  22. package/dist/components/CodeBlock/CodeBlock.module.scss.cjs +21 -21
  23. package/dist/components/CodeBlock/CodeBlock.module.scss.js +21 -21
  24. package/dist/components/ColorPicker/index.d.ts +4 -0
  25. package/dist/components/ColorPicker/index.d.ts.map +1 -1
  26. package/dist/components/Combobox/Combobox.module.scss.cjs +23 -23
  27. package/dist/components/Combobox/Combobox.module.scss.js +23 -23
  28. package/dist/components/Command/Command.module.scss.cjs +11 -11
  29. package/dist/components/Command/Command.module.scss.js +11 -11
  30. package/dist/components/ConversationList/ConversationList.module.scss.cjs +13 -10
  31. package/dist/components/ConversationList/ConversationList.module.scss.js +14 -11
  32. package/dist/components/ConversationList/index.cjs +26 -22
  33. package/dist/components/ConversationList/index.d.ts +5 -1
  34. package/dist/components/ConversationList/index.d.ts.map +1 -1
  35. package/dist/components/ConversationList/index.js +27 -23
  36. package/dist/components/DataTable/index.d.ts +4 -1
  37. package/dist/components/DataTable/index.d.ts.map +1 -1
  38. package/dist/components/DatePicker/index.d.ts +3 -0
  39. package/dist/components/DatePicker/index.d.ts.map +1 -1
  40. package/dist/components/Editor/index.d.ts +4 -1
  41. package/dist/components/Editor/index.d.ts.map +1 -1
  42. package/dist/components/Listbox/Listbox.module.scss.cjs +8 -8
  43. package/dist/components/Listbox/Listbox.module.scss.js +8 -8
  44. package/dist/components/Markdown/Markdown.module.scss.cjs +1 -1
  45. package/dist/components/Markdown/Markdown.module.scss.js +1 -1
  46. package/dist/components/Markdown/index.d.ts +16 -0
  47. package/dist/components/Markdown/index.d.ts.map +1 -1
  48. package/dist/components/Menu/Menu.module.scss.cjs +14 -14
  49. package/dist/components/Menu/Menu.module.scss.js +14 -14
  50. package/dist/components/Message/Message.module.scss.cjs +23 -20
  51. package/dist/components/Message/Message.module.scss.js +24 -21
  52. package/dist/components/Message/index.cjs +5 -1
  53. package/dist/components/Message/index.d.ts.map +1 -1
  54. package/dist/components/Message/index.js +5 -1
  55. package/dist/components/NavigationMenu/NavigationMenu.module.scss.cjs +28 -28
  56. package/dist/components/NavigationMenu/NavigationMenu.module.scss.js +28 -28
  57. package/dist/components/Pagination/Pagination.module.scss.cjs +7 -7
  58. package/dist/components/Pagination/Pagination.module.scss.js +7 -7
  59. package/dist/components/Progress/Progress.module.scss.cjs +28 -25
  60. package/dist/components/Progress/Progress.module.scss.js +28 -25
  61. package/dist/components/Progress/index.cjs +3 -0
  62. package/dist/components/Progress/index.d.ts +8 -8
  63. package/dist/components/Progress/index.d.ts.map +1 -1
  64. package/dist/components/Progress/index.js +3 -0
  65. package/dist/components/Prompt/Prompt.module.scss.cjs +52 -22
  66. package/dist/components/Prompt/Prompt.module.scss.js +52 -22
  67. package/dist/components/Prompt/index.cjs +197 -2
  68. package/dist/components/Prompt/index.d.ts +98 -3
  69. package/dist/components/Prompt/index.d.ts.map +1 -1
  70. package/dist/components/Prompt/index.js +198 -3
  71. package/dist/components/Select/Select.module.scss.cjs +29 -17
  72. package/dist/components/Select/Select.module.scss.js +30 -18
  73. package/dist/components/Select/index.cjs +45 -8
  74. package/dist/components/Select/index.d.ts +17 -2
  75. package/dist/components/Select/index.d.ts.map +1 -1
  76. package/dist/components/Select/index.js +45 -8
  77. package/dist/components/Sidebar/Sidebar.module.scss.cjs +45 -42
  78. package/dist/components/Sidebar/Sidebar.module.scss.js +45 -42
  79. package/dist/components/Sidebar/index.cjs +2 -0
  80. package/dist/components/Sidebar/index.d.ts +6 -1
  81. package/dist/components/Sidebar/index.d.ts.map +1 -1
  82. package/dist/components/Sidebar/index.js +2 -0
  83. package/dist/components/Text/Text.module.scss.cjs +63 -51
  84. package/dist/components/Text/Text.module.scss.js +63 -51
  85. package/dist/components/Text/index.d.ts +4 -2
  86. package/dist/components/Text/index.d.ts.map +1 -1
  87. package/dist/data-table.cjs +210 -28
  88. package/dist/data-table.js +189 -29
  89. package/dist/datepicker.cjs +63 -14
  90. package/dist/datepicker.js +41 -14
  91. package/dist/editor.cjs +67 -16
  92. package/dist/editor.js +45 -16
  93. package/dist/index.cjs +1 -0
  94. package/dist/index.d.ts +1 -1
  95. package/dist/index.d.ts.map +1 -1
  96. package/dist/index.js +2 -1
  97. package/dist/markdown.cjs +63 -19
  98. package/dist/markdown.js +41 -19
  99. package/fragments.json +1 -1
  100. package/package.json +2 -2
  101. package/src/components/Badge/Badge.contract.json +28 -5
  102. package/src/components/Badge/Badge.module.scss +21 -0
  103. package/src/components/Badge/index.tsx +10 -1
  104. package/src/components/Button/Button.contract.json +9 -3
  105. package/src/components/Button/Button.module.scss +34 -0
  106. package/src/components/Button/index.tsx +11 -1
  107. package/src/components/Card/Card.contract.json +5 -0
  108. package/src/components/Card/index.tsx +6 -3
  109. package/src/components/Chart/Chart.contract.json +7 -0
  110. package/src/components/Chart/index.tsx +44 -27
  111. package/src/components/CodeBlock/CodeBlock.contract.json +7 -0
  112. package/src/components/CodeBlock/CodeBlock.module.scss +7 -2
  113. package/src/components/ColorPicker/ColorPicker.contract.json +9 -1
  114. package/src/components/ColorPicker/index.tsx +42 -12
  115. package/src/components/Combobox/Combobox.module.scss +4 -13
  116. package/src/components/ConversationList/ConversationList.contract.json +16 -1
  117. package/src/components/ConversationList/ConversationList.module.scss +12 -0
  118. package/src/components/ConversationList/index.tsx +40 -26
  119. package/src/components/DataTable/DataTable.contract.json +8 -1
  120. package/src/components/DataTable/index.tsx +282 -51
  121. package/src/components/DatePicker/DatePicker.contract.json +8 -1
  122. package/src/components/DatePicker/index.tsx +51 -22
  123. package/src/components/Editor/Editor.contract.json +19 -1
  124. package/src/components/Editor/index.tsx +67 -23
  125. package/src/components/Listbox/Listbox.module.scss +3 -11
  126. package/src/components/Markdown/Markdown.contract.json +15 -1
  127. package/src/components/Markdown/Markdown.module.scss +18 -1
  128. package/src/components/Markdown/index.tsx +58 -24
  129. package/src/components/Menu/Menu.module.scss +12 -2
  130. package/src/components/Message/Message.contract.json +3 -0
  131. package/src/components/Message/Message.module.scss +33 -4
  132. package/src/components/Message/index.tsx +7 -1
  133. package/src/components/Pagination/Pagination.contract.json +1 -0
  134. package/src/components/Pagination/Pagination.module.scss +5 -4
  135. package/src/components/Progress/Progress.contract.json +9 -27
  136. package/src/components/Progress/Progress.module.scss +5 -1
  137. package/src/components/Progress/index.tsx +56 -62
  138. package/src/components/Prompt/Prompt.contract.json +40 -1
  139. package/src/components/Prompt/Prompt.module.scss +351 -4
  140. package/src/components/Prompt/index.tsx +324 -0
  141. package/src/components/Select/Select.contract.json +11 -1
  142. package/src/components/Select/Select.module.scss +80 -13
  143. package/src/components/Select/index.tsx +73 -7
  144. package/src/components/Sidebar/Sidebar.contract.json +1 -0
  145. package/src/components/Sidebar/Sidebar.module.scss +10 -0
  146. package/src/components/Sidebar/index.tsx +7 -0
  147. package/src/components/Text/Text.contract.json +7 -4
  148. package/src/components/Text/Text.module.scss +18 -0
  149. package/src/components/Text/index.tsx +4 -2
  150. package/src/index.ts +1 -0
  151. package/src/tokens/_mixins.scss +39 -4
  152. package/src/tokens/_variables.scss +30 -0
@@ -1,33 +1,33 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const root = "_root_1wshu_1";
4
- const rootVertical = "_rootVertical_1wshu_9";
5
- const list = "_list_1wshu_14";
6
- const listVertical = "_listVertical_1wshu_28";
7
- const trigger = "_trigger_1wshu_33";
8
- const triggerChevron = "_triggerChevron_1wshu_85";
9
- const content = "_content_1wshu_93";
10
- const link = "_link_1wshu_156";
11
- const linkActive = "_linkActive_1wshu_197";
12
- const linkStructured = "_linkStructured_1wshu_203";
13
- const linkIcon = "_linkIcon_1wshu_216";
14
- const linkBody = "_linkBody_1wshu_227";
15
- const linkTitle = "_linkTitle_1wshu_234";
16
- const linkDescription = "_linkDescription_1wshu_241";
17
- const linkFeatured = "_linkFeatured_1wshu_247";
18
- const indicator = "_indicator_1wshu_257";
19
- const viewport = "_viewport_1wshu_267";
20
- const hamburger = "_hamburger_1wshu_299";
21
- const drawerBackdrop = "_drawerBackdrop_1wshu_346";
22
- const drawer = "_drawer_1wshu_346";
23
- const drawerHeader = "_drawerHeader_1wshu_380";
24
- const drawerClose = "_drawerClose_1wshu_389";
25
- const drawerBody = "_drawerBody_1wshu_427";
26
- const drawerNav = "_drawerNav_1wshu_433";
27
- const drawerLink = "_drawerLink_1wshu_438";
28
- const drawerSectionLabel = "_drawerSectionLabel_1wshu_472";
29
- const drawerCollapsibleTrigger = "_drawerCollapsibleTrigger_1wshu_483";
30
- const drawerCollapsibleContent = "_drawerCollapsibleContent_1wshu_526";
3
+ const root = "_root_4ah1e_1";
4
+ const rootVertical = "_rootVertical_4ah1e_9";
5
+ const list = "_list_4ah1e_14";
6
+ const listVertical = "_listVertical_4ah1e_28";
7
+ const trigger = "_trigger_4ah1e_33";
8
+ const triggerChevron = "_triggerChevron_4ah1e_85";
9
+ const content = "_content_4ah1e_93";
10
+ const link = "_link_4ah1e_156";
11
+ const linkActive = "_linkActive_4ah1e_198";
12
+ const linkStructured = "_linkStructured_4ah1e_204";
13
+ const linkIcon = "_linkIcon_4ah1e_217";
14
+ const linkBody = "_linkBody_4ah1e_228";
15
+ const linkTitle = "_linkTitle_4ah1e_235";
16
+ const linkDescription = "_linkDescription_4ah1e_242";
17
+ const linkFeatured = "_linkFeatured_4ah1e_248";
18
+ const indicator = "_indicator_4ah1e_258";
19
+ const viewport = "_viewport_4ah1e_268";
20
+ const hamburger = "_hamburger_4ah1e_300";
21
+ const drawerBackdrop = "_drawerBackdrop_4ah1e_347";
22
+ const drawer = "_drawer_4ah1e_347";
23
+ const drawerHeader = "_drawerHeader_4ah1e_381";
24
+ const drawerClose = "_drawerClose_4ah1e_390";
25
+ const drawerBody = "_drawerBody_4ah1e_428";
26
+ const drawerNav = "_drawerNav_4ah1e_434";
27
+ const drawerLink = "_drawerLink_4ah1e_439";
28
+ const drawerSectionLabel = "_drawerSectionLabel_4ah1e_473";
29
+ const drawerCollapsibleTrigger = "_drawerCollapsibleTrigger_4ah1e_484";
30
+ const drawerCollapsibleContent = "_drawerCollapsibleContent_4ah1e_527";
31
31
  const styles = {
32
32
  root,
33
33
  rootVertical,
@@ -1,31 +1,31 @@
1
- const root = "_root_1wshu_1";
2
- const rootVertical = "_rootVertical_1wshu_9";
3
- const list = "_list_1wshu_14";
4
- const listVertical = "_listVertical_1wshu_28";
5
- const trigger = "_trigger_1wshu_33";
6
- const triggerChevron = "_triggerChevron_1wshu_85";
7
- const content = "_content_1wshu_93";
8
- const link = "_link_1wshu_156";
9
- const linkActive = "_linkActive_1wshu_197";
10
- const linkStructured = "_linkStructured_1wshu_203";
11
- const linkIcon = "_linkIcon_1wshu_216";
12
- const linkBody = "_linkBody_1wshu_227";
13
- const linkTitle = "_linkTitle_1wshu_234";
14
- const linkDescription = "_linkDescription_1wshu_241";
15
- const linkFeatured = "_linkFeatured_1wshu_247";
16
- const indicator = "_indicator_1wshu_257";
17
- const viewport = "_viewport_1wshu_267";
18
- const hamburger = "_hamburger_1wshu_299";
19
- const drawerBackdrop = "_drawerBackdrop_1wshu_346";
20
- const drawer = "_drawer_1wshu_346";
21
- const drawerHeader = "_drawerHeader_1wshu_380";
22
- const drawerClose = "_drawerClose_1wshu_389";
23
- const drawerBody = "_drawerBody_1wshu_427";
24
- const drawerNav = "_drawerNav_1wshu_433";
25
- const drawerLink = "_drawerLink_1wshu_438";
26
- const drawerSectionLabel = "_drawerSectionLabel_1wshu_472";
27
- const drawerCollapsibleTrigger = "_drawerCollapsibleTrigger_1wshu_483";
28
- const drawerCollapsibleContent = "_drawerCollapsibleContent_1wshu_526";
1
+ const root = "_root_4ah1e_1";
2
+ const rootVertical = "_rootVertical_4ah1e_9";
3
+ const list = "_list_4ah1e_14";
4
+ const listVertical = "_listVertical_4ah1e_28";
5
+ const trigger = "_trigger_4ah1e_33";
6
+ const triggerChevron = "_triggerChevron_4ah1e_85";
7
+ const content = "_content_4ah1e_93";
8
+ const link = "_link_4ah1e_156";
9
+ const linkActive = "_linkActive_4ah1e_198";
10
+ const linkStructured = "_linkStructured_4ah1e_204";
11
+ const linkIcon = "_linkIcon_4ah1e_217";
12
+ const linkBody = "_linkBody_4ah1e_228";
13
+ const linkTitle = "_linkTitle_4ah1e_235";
14
+ const linkDescription = "_linkDescription_4ah1e_242";
15
+ const linkFeatured = "_linkFeatured_4ah1e_248";
16
+ const indicator = "_indicator_4ah1e_258";
17
+ const viewport = "_viewport_4ah1e_268";
18
+ const hamburger = "_hamburger_4ah1e_300";
19
+ const drawerBackdrop = "_drawerBackdrop_4ah1e_347";
20
+ const drawer = "_drawer_4ah1e_347";
21
+ const drawerHeader = "_drawerHeader_4ah1e_381";
22
+ const drawerClose = "_drawerClose_4ah1e_390";
23
+ const drawerBody = "_drawerBody_4ah1e_428";
24
+ const drawerNav = "_drawerNav_4ah1e_434";
25
+ const drawerLink = "_drawerLink_4ah1e_439";
26
+ const drawerSectionLabel = "_drawerSectionLabel_4ah1e_473";
27
+ const drawerCollapsibleTrigger = "_drawerCollapsibleTrigger_4ah1e_484";
28
+ const drawerCollapsibleContent = "_drawerCollapsibleContent_4ah1e_527";
29
29
  const styles = {
30
30
  root,
31
31
  rootVertical,
@@ -1,12 +1,12 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const pagination = "_pagination_1ruwh_1";
4
- const list = "_list_1ruwh_7";
5
- const item = "_item_1ruwh_16";
6
- const itemActive = "_itemActive_1ruwh_57";
7
- const itemDisabled = "_itemDisabled_1ruwh_65";
8
- const navButton = "_navButton_1ruwh_71";
9
- const ellipsis = "_ellipsis_1ruwh_76";
3
+ const pagination = "_pagination_lk556_1";
4
+ const list = "_list_lk556_7";
5
+ const item = "_item_lk556_16";
6
+ const itemActive = "_itemActive_lk556_57";
7
+ const itemDisabled = "_itemDisabled_lk556_66";
8
+ const navButton = "_navButton_lk556_72";
9
+ const ellipsis = "_ellipsis_lk556_77";
10
10
  const styles = {
11
11
  pagination,
12
12
  list,
@@ -1,10 +1,10 @@
1
- const pagination = "_pagination_1ruwh_1";
2
- const list = "_list_1ruwh_7";
3
- const item = "_item_1ruwh_16";
4
- const itemActive = "_itemActive_1ruwh_57";
5
- const itemDisabled = "_itemDisabled_1ruwh_65";
6
- const navButton = "_navButton_1ruwh_71";
7
- const ellipsis = "_ellipsis_1ruwh_76";
1
+ const pagination = "_pagination_lk556_1";
2
+ const list = "_list_lk556_7";
3
+ const item = "_item_lk556_16";
4
+ const itemActive = "_itemActive_lk556_57";
5
+ const itemDisabled = "_itemDisabled_lk556_66";
6
+ const navButton = "_navButton_lk556_72";
7
+ const ellipsis = "_ellipsis_lk556_77";
8
8
  const styles = {
9
9
  pagination,
10
10
  list,
@@ -1,30 +1,31 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const root = "_root_npjcd_1";
4
- const header = "_header_npjcd_9";
5
- const label = "_label_npjcd_16";
6
- const value = "_value_npjcd_22";
7
- const track = "_track_npjcd_28";
8
- const trackSm = "_trackSm_npjcd_36";
9
- const trackMd = "_trackMd_npjcd_40";
10
- const trackLg = "_trackLg_npjcd_44";
11
- const indicator = "_indicator_npjcd_48";
12
- const indicatorSuccess = "_indicatorSuccess_npjcd_55";
13
- const indicatorWarning = "_indicatorWarning_npjcd_59";
14
- const indicatorDanger = "_indicatorDanger_npjcd_63";
15
- const indicatorIndeterminate = "_indicatorIndeterminate_npjcd_67";
16
- const circular = "_circular_npjcd_87";
17
- const circularSvg = "_circularSvg_npjcd_94";
18
- const circularTrack = "_circularTrack_npjcd_98";
19
- const circularIndicator = "_circularIndicator_npjcd_103";
20
- const circularIndicatorSuccess = "_circularIndicatorSuccess_npjcd_110";
21
- const circularIndicatorWarning = "_circularIndicatorWarning_npjcd_114";
22
- const circularIndicatorDanger = "_circularIndicatorDanger_npjcd_118";
23
- const circularIndicatorIndeterminate = "_circularIndicatorIndeterminate_npjcd_122";
24
- const circularValue = "_circularValue_npjcd_139";
25
- const circularSm = "_circularSm_npjcd_147";
26
- const circularMd = "_circularMd_npjcd_155";
27
- const circularLg = "_circularLg_npjcd_160";
3
+ const root = "_root_le29r_1";
4
+ const header = "_header_le29r_9";
5
+ const label = "_label_le29r_16";
6
+ const value = "_value_le29r_22";
7
+ const track = "_track_le29r_28";
8
+ const trackSm = "_trackSm_le29r_36";
9
+ const trackMd = "_trackMd_le29r_40";
10
+ const trackLg = "_trackLg_le29r_44";
11
+ const indicator = "_indicator_le29r_48";
12
+ const indicatorNeutral = "_indicatorNeutral_le29r_55";
13
+ const indicatorSuccess = "_indicatorSuccess_le29r_59";
14
+ const indicatorWarning = "_indicatorWarning_le29r_63";
15
+ const indicatorDanger = "_indicatorDanger_le29r_67";
16
+ const indicatorIndeterminate = "_indicatorIndeterminate_le29r_71";
17
+ const circular = "_circular_le29r_91";
18
+ const circularSvg = "_circularSvg_le29r_98";
19
+ const circularTrack = "_circularTrack_le29r_102";
20
+ const circularIndicator = "_circularIndicator_le29r_107";
21
+ const circularIndicatorSuccess = "_circularIndicatorSuccess_le29r_114";
22
+ const circularIndicatorWarning = "_circularIndicatorWarning_le29r_118";
23
+ const circularIndicatorDanger = "_circularIndicatorDanger_le29r_122";
24
+ const circularIndicatorIndeterminate = "_circularIndicatorIndeterminate_le29r_126";
25
+ const circularValue = "_circularValue_le29r_143";
26
+ const circularSm = "_circularSm_le29r_151";
27
+ const circularMd = "_circularMd_le29r_159";
28
+ const circularLg = "_circularLg_le29r_164";
28
29
  const styles = {
29
30
  root,
30
31
  header,
@@ -35,6 +36,7 @@ const styles = {
35
36
  trackMd,
36
37
  trackLg,
37
38
  indicator,
39
+ indicatorNeutral,
38
40
  indicatorSuccess,
39
41
  indicatorWarning,
40
42
  indicatorDanger,
@@ -69,6 +71,7 @@ exports.header = header;
69
71
  exports.indicator = indicator;
70
72
  exports.indicatorDanger = indicatorDanger;
71
73
  exports.indicatorIndeterminate = indicatorIndeterminate;
74
+ exports.indicatorNeutral = indicatorNeutral;
72
75
  exports.indicatorSuccess = indicatorSuccess;
73
76
  exports.indicatorWarning = indicatorWarning;
74
77
  exports.label = label;
@@ -1,28 +1,29 @@
1
- const root = "_root_npjcd_1";
2
- const header = "_header_npjcd_9";
3
- const label = "_label_npjcd_16";
4
- const value = "_value_npjcd_22";
5
- const track = "_track_npjcd_28";
6
- const trackSm = "_trackSm_npjcd_36";
7
- const trackMd = "_trackMd_npjcd_40";
8
- const trackLg = "_trackLg_npjcd_44";
9
- const indicator = "_indicator_npjcd_48";
10
- const indicatorSuccess = "_indicatorSuccess_npjcd_55";
11
- const indicatorWarning = "_indicatorWarning_npjcd_59";
12
- const indicatorDanger = "_indicatorDanger_npjcd_63";
13
- const indicatorIndeterminate = "_indicatorIndeterminate_npjcd_67";
14
- const circular = "_circular_npjcd_87";
15
- const circularSvg = "_circularSvg_npjcd_94";
16
- const circularTrack = "_circularTrack_npjcd_98";
17
- const circularIndicator = "_circularIndicator_npjcd_103";
18
- const circularIndicatorSuccess = "_circularIndicatorSuccess_npjcd_110";
19
- const circularIndicatorWarning = "_circularIndicatorWarning_npjcd_114";
20
- const circularIndicatorDanger = "_circularIndicatorDanger_npjcd_118";
21
- const circularIndicatorIndeterminate = "_circularIndicatorIndeterminate_npjcd_122";
22
- const circularValue = "_circularValue_npjcd_139";
23
- const circularSm = "_circularSm_npjcd_147";
24
- const circularMd = "_circularMd_npjcd_155";
25
- const circularLg = "_circularLg_npjcd_160";
1
+ const root = "_root_le29r_1";
2
+ const header = "_header_le29r_9";
3
+ const label = "_label_le29r_16";
4
+ const value = "_value_le29r_22";
5
+ const track = "_track_le29r_28";
6
+ const trackSm = "_trackSm_le29r_36";
7
+ const trackMd = "_trackMd_le29r_40";
8
+ const trackLg = "_trackLg_le29r_44";
9
+ const indicator = "_indicator_le29r_48";
10
+ const indicatorNeutral = "_indicatorNeutral_le29r_55";
11
+ const indicatorSuccess = "_indicatorSuccess_le29r_59";
12
+ const indicatorWarning = "_indicatorWarning_le29r_63";
13
+ const indicatorDanger = "_indicatorDanger_le29r_67";
14
+ const indicatorIndeterminate = "_indicatorIndeterminate_le29r_71";
15
+ const circular = "_circular_le29r_91";
16
+ const circularSvg = "_circularSvg_le29r_98";
17
+ const circularTrack = "_circularTrack_le29r_102";
18
+ const circularIndicator = "_circularIndicator_le29r_107";
19
+ const circularIndicatorSuccess = "_circularIndicatorSuccess_le29r_114";
20
+ const circularIndicatorWarning = "_circularIndicatorWarning_le29r_118";
21
+ const circularIndicatorDanger = "_circularIndicatorDanger_le29r_122";
22
+ const circularIndicatorIndeterminate = "_circularIndicatorIndeterminate_le29r_126";
23
+ const circularValue = "_circularValue_le29r_143";
24
+ const circularSm = "_circularSm_le29r_151";
25
+ const circularMd = "_circularMd_le29r_159";
26
+ const circularLg = "_circularLg_le29r_164";
26
27
  const styles = {
27
28
  root,
28
29
  header,
@@ -33,6 +34,7 @@ const styles = {
33
34
  trackMd,
34
35
  trackLg,
35
36
  indicator,
37
+ indicatorNeutral,
36
38
  indicatorSuccess,
37
39
  indicatorWarning,
38
40
  indicatorDanger,
@@ -68,6 +70,7 @@ export {
68
70
  indicator,
69
71
  indicatorDanger,
70
72
  indicatorIndeterminate,
73
+ indicatorNeutral,
71
74
  indicatorSuccess,
72
75
  indicatorWarning,
73
76
  label,
@@ -14,6 +14,7 @@ function ProgressRoot({
14
14
  showValue = false,
15
15
  formatValue,
16
16
  className,
17
+ role,
17
18
  "aria-label": ariaLabel,
18
19
  "aria-valuetext": ariaValueText,
19
20
  ...htmlProps
@@ -30,6 +31,7 @@ function ProgressRoot({
30
31
  ].filter(Boolean).join(" ");
31
32
  const indicatorClasses = [
32
33
  Progress_module.default.indicator,
34
+ variant === "neutral" && Progress_module.default.indicatorNeutral,
33
35
  variant === "success" && Progress_module.default.indicatorSuccess,
34
36
  variant === "warning" && Progress_module.default.indicatorWarning,
35
37
  variant === "danger" && Progress_module.default.indicatorDanger,
@@ -46,6 +48,7 @@ function ProgressRoot({
46
48
  min,
47
49
  max,
48
50
  className: rootClasses,
51
+ role: role ?? "progressbar",
49
52
  "aria-label": ariaLabel || (label ? void 0 : "Progress"),
50
53
  "aria-valuetext": effectiveValueText,
51
54
  "aria-busy": isIndeterminate,
@@ -1,5 +1,5 @@
1
- import * as React from 'react';
2
- export interface ProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue'> {
1
+ import * as React from "react";
2
+ export interface ProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "defaultValue"> {
3
3
  /** Current progress value (0-100). Null for indeterminate. */
4
4
  value?: number | null;
5
5
  /** Minimum value */
@@ -7,9 +7,9 @@ export interface ProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>
7
7
  /** Maximum value */
8
8
  max?: number;
9
9
  /** Size of the progress bar */
10
- size?: 'sm' | 'md' | 'lg';
10
+ size?: "sm" | "md" | "lg";
11
11
  /** Color variant */
12
- variant?: 'default' | 'success' | 'warning' | 'danger';
12
+ variant?: "default" | "neutral" | "success" | "warning" | "danger";
13
13
  /** Label text */
14
14
  label?: string;
15
15
  /** Show percentage value */
@@ -21,16 +21,16 @@ export interface CircularProgressProps extends React.HTMLAttributes<HTMLDivEleme
21
21
  /** Current progress value (0-100). Null for indeterminate. */
22
22
  value?: number | null;
23
23
  /** Size of the circular progress */
24
- size?: 'sm' | 'md' | 'lg';
24
+ size?: "sm" | "md" | "lg";
25
25
  /** Color variant */
26
- variant?: 'default' | 'success' | 'warning' | 'danger';
26
+ variant?: "default" | "success" | "warning" | "danger";
27
27
  /** Show percentage in center */
28
28
  showValue?: boolean;
29
29
  /** Stroke width */
30
30
  strokeWidth?: number;
31
31
  }
32
- declare function ProgressRoot({ value, min, max, size, variant, label, showValue, formatValue, className, 'aria-label': ariaLabel, 'aria-valuetext': ariaValueText, ...htmlProps }: ProgressProps): import("react/jsx-runtime").JSX.Element;
33
- declare function CircularProgressRoot({ value, size, variant, showValue, strokeWidth: customStrokeWidth, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-valuetext': ariaValueText, ...htmlProps }: CircularProgressProps): import("react/jsx-runtime").JSX.Element;
32
+ declare function ProgressRoot({ value, min, max, size, variant, label, showValue, formatValue, className, role, "aria-label": ariaLabel, "aria-valuetext": ariaValueText, ...htmlProps }: ProgressProps): import("react/jsx-runtime").JSX.Element;
33
+ declare function CircularProgressRoot({ value, size, variant, showValue, strokeWidth: customStrokeWidth, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-valuetext": ariaValueText, ...htmlProps }: CircularProgressProps): import("react/jsx-runtime").JSX.Element;
34
34
  export declare const CircularProgress: typeof CircularProgressRoot;
35
35
  export declare const Progress: typeof ProgressRoot & {
36
36
  Root: typeof ProgressRoot;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC;IAC/F,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+BAA+B;IAC/B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACvD,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACzC;AAED,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,oCAAoC;IACpC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACvD,gCAAgC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,iBAAS,YAAY,CAAC,EACpB,KAAY,EACZ,GAAO,EACP,GAAS,EACT,IAAW,EACX,OAAmB,EACnB,KAAK,EACL,SAAiB,EACjB,WAAW,EACX,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,gBAAgB,EAAE,aAAa,EAC/B,GAAG,SAAS,EACb,EAAE,aAAa,2CAqEf;AAYD,iBAAS,oBAAoB,CAAC,EAC5B,KAAY,EACZ,IAAW,EACX,OAAmB,EACnB,SAAiB,EACjB,WAAW,EAAE,iBAAiB,EAC9B,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,gBAAgB,EAAE,aAAa,EAC/B,GAAG,SAAS,EACb,EAAE,qBAAqB,2CA+EvB;AAED,eAAO,MAAM,gBAAgB,6BAAuB,CAAC;AAErD,eAAO,MAAM,QAAQ;;;CAGnB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC;IAC/F,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+BAA+B;IAC/B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACnE,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACzC;AAED,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,oCAAoC;IACpC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACvD,gCAAgC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,iBAAS,YAAY,CAAC,EACpB,KAAY,EACZ,GAAO,EACP,GAAS,EACT,IAAW,EACX,OAAmB,EACnB,KAAK,EACL,SAAiB,EACjB,WAAW,EACX,SAAS,EACT,IAAI,EACJ,YAAY,EAAE,SAAS,EACvB,gBAAgB,EAAE,aAAa,EAC/B,GAAG,SAAS,EACb,EAAE,aAAa,2CA8Df;AAYD,iBAAS,oBAAoB,CAAC,EAC5B,KAAY,EACZ,IAAW,EACX,OAAmB,EACnB,SAAiB,EACjB,WAAW,EAAE,iBAAiB,EAC9B,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,gBAAgB,EAAE,aAAa,EAC/B,GAAG,SAAS,EACb,EAAE,qBAAqB,2CA+EvB;AAED,eAAO,MAAM,gBAAgB,6BAAuB,CAAC;AAErD,eAAO,MAAM,QAAQ;;;CAGnB,CAAC"}
@@ -12,6 +12,7 @@ function ProgressRoot({
12
12
  showValue = false,
13
13
  formatValue,
14
14
  className,
15
+ role,
15
16
  "aria-label": ariaLabel,
16
17
  "aria-valuetext": ariaValueText,
17
18
  ...htmlProps
@@ -28,6 +29,7 @@ function ProgressRoot({
28
29
  ].filter(Boolean).join(" ");
29
30
  const indicatorClasses = [
30
31
  styles.indicator,
32
+ variant === "neutral" && styles.indicatorNeutral,
31
33
  variant === "success" && styles.indicatorSuccess,
32
34
  variant === "warning" && styles.indicatorWarning,
33
35
  variant === "danger" && styles.indicatorDanger,
@@ -44,6 +46,7 @@ function ProgressRoot({
44
46
  min,
45
47
  max,
46
48
  className: rootClasses,
49
+ role: role ?? "progressbar",
47
50
  "aria-label": ariaLabel || (label ? void 0 : "Progress"),
48
51
  "aria-valuetext": effectiveValueText,
49
52
  "aria-busy": isIndeterminate,
@@ -1,51 +1,81 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const prompt = "_prompt_1k8t3_1";
4
- const fixed = "_fixed_1k8t3_60";
5
- const sticky = "_sticky_1k8t3_71";
6
- const textarea = "_textarea_1k8t3_86";
7
- const tabs = "_tabs_1k8t3_127";
8
- const tabsInner = "_tabsInner_1k8t3_135";
9
- const tabButton = "_tabButton_1k8t3_145";
10
- const tabButtonActive = "_tabButtonActive_1k8t3_174";
11
- const toolbar = "_toolbar_1k8t3_179";
12
- const actions = "_actions_1k8t3_189";
13
- const info = "_info_1k8t3_196";
14
- const actionButton = "_actionButton_1k8t3_203";
15
- const modeButton = "_modeButton_1k8t3_249";
16
- const modeButtonActive = "_modeButtonActive_1k8t3_292";
17
- const usage = "_usage_1k8t3_297";
18
- const submit = "_submit_1k8t3_304";
19
- const submitLoading = "_submitLoading_1k8t3_353";
20
- const submitSpinner = "_submitSpinner_1k8t3_357";
3
+ const prompt = "_prompt_1wo4v_1";
4
+ const fixed = "_fixed_1wo4v_60";
5
+ const sticky = "_sticky_1wo4v_71";
6
+ const seamless = "_seamless_1wo4v_86";
7
+ const toolbar = "_toolbar_1wo4v_102";
8
+ const textarea = "_textarea_1wo4v_107";
9
+ const attachments = "_attachments_1wo4v_110";
10
+ const tabs = "_tabs_1wo4v_115";
11
+ const tabsInner = "_tabsInner_1wo4v_123";
12
+ const attach = "_attach_1wo4v_110";
13
+ const select = "_select_1wo4v_141";
14
+ const modeButton = "_modeButton_1wo4v_142";
15
+ const submit = "_submit_1wo4v_173";
16
+ const actionButton = "_actionButton_1wo4v_174";
17
+ const tabButton = "_tabButton_1wo4v_246";
18
+ const tabButtonActive = "_tabButtonActive_1wo4v_275";
19
+ const actions = "_actions_1wo4v_290";
20
+ const info = "_info_1wo4v_297";
21
+ const modeButtonActive = "_modeButtonActive_1wo4v_393";
22
+ const attachment = "_attachment_1wo4v_110";
23
+ const attachmentThumb = "_attachmentThumb_1wo4v_473";
24
+ const attachmentName = "_attachmentName_1wo4v_481";
25
+ const attachmentSize = "_attachmentSize_1wo4v_489";
26
+ const attachmentRemove = "_attachmentRemove_1wo4v_495";
27
+ const dragging = "_dragging_1wo4v_539";
28
+ const usage = "_usage_1wo4v_547";
29
+ const submitLoading = "_submitLoading_1wo4v_603";
30
+ const submitSpinner = "_submitSpinner_1wo4v_607";
21
31
  const styles = {
22
32
  prompt,
23
33
  fixed,
24
34
  sticky,
35
+ seamless,
36
+ toolbar,
25
37
  textarea,
38
+ attachments,
26
39
  tabs,
27
40
  tabsInner,
41
+ attach,
42
+ select,
43
+ modeButton,
44
+ submit,
45
+ actionButton,
28
46
  tabButton,
29
47
  tabButtonActive,
30
- toolbar,
31
48
  actions,
32
49
  info,
33
- actionButton,
34
- modeButton,
35
50
  modeButtonActive,
51
+ attachment,
52
+ attachmentThumb,
53
+ attachmentName,
54
+ attachmentSize,
55
+ attachmentRemove,
56
+ dragging,
36
57
  usage,
37
- submit,
38
58
  submitLoading,
39
59
  submitSpinner
40
60
  };
41
61
  exports.actionButton = actionButton;
42
62
  exports.actions = actions;
63
+ exports.attach = attach;
64
+ exports.attachment = attachment;
65
+ exports.attachmentName = attachmentName;
66
+ exports.attachmentRemove = attachmentRemove;
67
+ exports.attachmentSize = attachmentSize;
68
+ exports.attachmentThumb = attachmentThumb;
69
+ exports.attachments = attachments;
43
70
  exports.default = styles;
71
+ exports.dragging = dragging;
44
72
  exports.fixed = fixed;
45
73
  exports.info = info;
46
74
  exports.modeButton = modeButton;
47
75
  exports.modeButtonActive = modeButtonActive;
48
76
  exports.prompt = prompt;
77
+ exports.seamless = seamless;
78
+ exports.select = select;
49
79
  exports.sticky = sticky;
50
80
  exports.submit = submit;
51
81
  exports.submitLoading = submitLoading;
@@ -1,50 +1,80 @@
1
- const prompt = "_prompt_1k8t3_1";
2
- const fixed = "_fixed_1k8t3_60";
3
- const sticky = "_sticky_1k8t3_71";
4
- const textarea = "_textarea_1k8t3_86";
5
- const tabs = "_tabs_1k8t3_127";
6
- const tabsInner = "_tabsInner_1k8t3_135";
7
- const tabButton = "_tabButton_1k8t3_145";
8
- const tabButtonActive = "_tabButtonActive_1k8t3_174";
9
- const toolbar = "_toolbar_1k8t3_179";
10
- const actions = "_actions_1k8t3_189";
11
- const info = "_info_1k8t3_196";
12
- const actionButton = "_actionButton_1k8t3_203";
13
- const modeButton = "_modeButton_1k8t3_249";
14
- const modeButtonActive = "_modeButtonActive_1k8t3_292";
15
- const usage = "_usage_1k8t3_297";
16
- const submit = "_submit_1k8t3_304";
17
- const submitLoading = "_submitLoading_1k8t3_353";
18
- const submitSpinner = "_submitSpinner_1k8t3_357";
1
+ const prompt = "_prompt_1wo4v_1";
2
+ const fixed = "_fixed_1wo4v_60";
3
+ const sticky = "_sticky_1wo4v_71";
4
+ const seamless = "_seamless_1wo4v_86";
5
+ const toolbar = "_toolbar_1wo4v_102";
6
+ const textarea = "_textarea_1wo4v_107";
7
+ const attachments = "_attachments_1wo4v_110";
8
+ const tabs = "_tabs_1wo4v_115";
9
+ const tabsInner = "_tabsInner_1wo4v_123";
10
+ const attach = "_attach_1wo4v_110";
11
+ const select = "_select_1wo4v_141";
12
+ const modeButton = "_modeButton_1wo4v_142";
13
+ const submit = "_submit_1wo4v_173";
14
+ const actionButton = "_actionButton_1wo4v_174";
15
+ const tabButton = "_tabButton_1wo4v_246";
16
+ const tabButtonActive = "_tabButtonActive_1wo4v_275";
17
+ const actions = "_actions_1wo4v_290";
18
+ const info = "_info_1wo4v_297";
19
+ const modeButtonActive = "_modeButtonActive_1wo4v_393";
20
+ const attachment = "_attachment_1wo4v_110";
21
+ const attachmentThumb = "_attachmentThumb_1wo4v_473";
22
+ const attachmentName = "_attachmentName_1wo4v_481";
23
+ const attachmentSize = "_attachmentSize_1wo4v_489";
24
+ const attachmentRemove = "_attachmentRemove_1wo4v_495";
25
+ const dragging = "_dragging_1wo4v_539";
26
+ const usage = "_usage_1wo4v_547";
27
+ const submitLoading = "_submitLoading_1wo4v_603";
28
+ const submitSpinner = "_submitSpinner_1wo4v_607";
19
29
  const styles = {
20
30
  prompt,
21
31
  fixed,
22
32
  sticky,
33
+ seamless,
34
+ toolbar,
23
35
  textarea,
36
+ attachments,
24
37
  tabs,
25
38
  tabsInner,
39
+ attach,
40
+ select,
41
+ modeButton,
42
+ submit,
43
+ actionButton,
26
44
  tabButton,
27
45
  tabButtonActive,
28
- toolbar,
29
46
  actions,
30
47
  info,
31
- actionButton,
32
- modeButton,
33
48
  modeButtonActive,
49
+ attachment,
50
+ attachmentThumb,
51
+ attachmentName,
52
+ attachmentSize,
53
+ attachmentRemove,
54
+ dragging,
34
55
  usage,
35
- submit,
36
56
  submitLoading,
37
57
  submitSpinner
38
58
  };
39
59
  export {
40
60
  actionButton,
41
61
  actions,
62
+ attach,
63
+ attachment,
64
+ attachmentName,
65
+ attachmentRemove,
66
+ attachmentSize,
67
+ attachmentThumb,
68
+ attachments,
42
69
  styles as default,
70
+ dragging,
43
71
  fixed,
44
72
  info,
45
73
  modeButton,
46
74
  modeButtonActive,
47
75
  prompt,
76
+ seamless,
77
+ select,
48
78
  sticky,
49
79
  submit,
50
80
  submitLoading,