@flux-ui/components 3.0.0-next.73 → 3.0.0-next.75

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 (56) hide show
  1. package/dist/component/FluxKanbanColumn.vue.d.ts +1 -1
  2. package/dist/component/FluxSegmentedControl.vue.d.ts +18 -8
  3. package/dist/component/FluxSegmentedControlItem.vue.d.ts +20 -0
  4. package/dist/component/FluxSpacing.vue.d.ts +2 -1
  5. package/dist/component/index.d.ts +1 -4
  6. package/dist/component/primitive/FilterMenuRenderer.d.ts +3 -3
  7. package/dist/composable/index.d.ts +1 -0
  8. package/dist/composable/useSegmentedControlInjection.d.ts +2 -0
  9. package/dist/data/di.d.ts +10 -1
  10. package/dist/index.css +57 -158
  11. package/dist/index.js +321 -405
  12. package/dist/index.js.map +1 -1
  13. package/package.json +9 -9
  14. package/src/component/FluxBoxedIcon.vue +1 -1
  15. package/src/component/FluxCalendar.vue +6 -6
  16. package/src/component/FluxColorPicker.vue +5 -5
  17. package/src/component/FluxDropZone.vue +0 -1
  18. package/src/component/FluxDynamicView.vue +2 -2
  19. package/src/component/FluxExpandableGroup.vue +0 -1
  20. package/src/component/FluxFilterBase.vue +11 -11
  21. package/src/component/FluxFormFieldAddition.vue +2 -2
  22. package/src/component/FluxInfo.vue +2 -2
  23. package/src/component/FluxInfoStack.vue +2 -2
  24. package/src/component/FluxKanbanColumn.vue +2 -4
  25. package/src/component/FluxLayerPane.vue +1 -1
  26. package/src/component/FluxPagination.vue +4 -4
  27. package/src/component/FluxSegmentedControl.vue +64 -67
  28. package/src/component/FluxSegmentedControlItem.vue +98 -0
  29. package/src/component/FluxSpacing.vue +5 -1
  30. package/src/component/FluxSplitButton.vue +2 -2
  31. package/src/component/FluxTable.vue +3 -1
  32. package/src/component/FluxToolbar.vue +1 -1
  33. package/src/component/index.ts +1 -4
  34. package/src/component/primitive/FilterBadge.vue +11 -2
  35. package/src/component/primitive/FilterMenuRenderer.ts +4 -4
  36. package/src/composable/index.ts +1 -0
  37. package/src/composable/useSegmentedControlInjection.ts +13 -0
  38. package/src/css/component/Form.module.scss +2 -2
  39. package/src/css/component/SegmentedControl.module.scss +51 -23
  40. package/src/css/component/Spinner.module.scss +1 -0
  41. package/src/css/component/Visual.module.scss +1 -0
  42. package/src/css/mixin/tree-node.scss +3 -3
  43. package/src/data/di.ts +13 -1
  44. package/src/data/iconRegistry.ts +1 -1
  45. package/src/util/createDialogRenderer.ts +1 -1
  46. package/dist/component/FluxLegend.vue.d.ts +0 -8
  47. package/dist/component/FluxPercentageBar.vue.d.ts +0 -8
  48. package/dist/component/FluxSegmentedView.vue.d.ts +0 -9
  49. package/dist/component/FluxStatistic.vue.d.ts +0 -17
  50. package/src/component/FluxLegend.vue +0 -27
  51. package/src/component/FluxPercentageBar.vue +0 -47
  52. package/src/component/FluxSegmentedView.vue +0 -15
  53. package/src/component/FluxStatistic.vue +0 -82
  54. package/src/css/component/Legend.module.scss +0 -29
  55. package/src/css/component/PercentageBar.module.scss +0 -31
  56. package/src/css/component/Statistic.module.scss +0 -91
package/src/css/component/Statistic.module.scss DELETED
@@ -1,91 +0,0 @@
1
- .statistic {
2
- padding: 18px;
3
- flex-basis: 0;
4
- flex-grow: 1;
5
- gap: 18px;
6
- }
7
-
8
- .statisticChange {
9
- display: flex;
10
- align-items: center;
11
- align-self: flex-end;
12
- gap: 6px;
13
- font-size: 12px;
14
- font-weight: 600;
15
- line-height: 1;
16
-
17
- &.isGray {
18
- color: var(--foreground-prominent);
19
- }
20
-
21
- &.isPrimary {
22
- color: var(--primary-600);
23
- }
24
-
25
- &.isDanger {
26
- color: var(--danger-600);
27
- }
28
-
29
- &.isInfo {
30
- color: var(--info-600);
31
- }
32
-
33
- &.isSuccess {
34
- color: var(--success-600);
35
- }
36
-
37
- &.isWarning {
38
- color: var(--warning-600);
39
- }
40
- }
41
-
42
- .statisticData {
43
- display: flex;
44
- flex-flow: column;
45
- flex-grow: 1;
46
- gap: 9px;
47
- line-height: 1;
48
-
49
- :is(span) {
50
- color: var(--foreground-secondary);
51
- }
52
-
53
- :is(strong) {
54
- color: var(--foreground-prominent);
55
- font-size: 24px;
56
- font-weight: 700;
57
- }
58
- }
59
-
60
- .statisticIcon :local(.icon) {
61
- font-size: .45em;
62
- }
63
-
64
- .statisticImage {
65
- height: 48px;
66
- width: 48px;
67
- border-radius: var(--radius);
68
- }
69
-
70
- .statisticHorizontal {
71
- composes: statistic;
72
-
73
- display: flex;
74
- }
75
-
76
- .statisticVertical {
77
- composes: statistic;
78
-
79
- display: flex;
80
- align-items: center;
81
- flex-flow: column;
82
- text-align: center;
83
-
84
- .statisticChange {
85
- align-self: center;
86
- }
87
-
88
- .statisticData {
89
- align-items: center;
90
- }
91
- }