@skygraph/styles 0.2.4 → 0.6.6

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 (68) hide show
  1. package/README.md +98 -98
  2. package/components/autocomplete.css +35 -35
  3. package/components/autofield.css +67 -67
  4. package/components/avatar.css +37 -37
  5. package/components/badge.css +102 -102
  6. package/components/breadcrumb.css +29 -29
  7. package/components/button.css +181 -181
  8. package/components/calendar.css +408 -408
  9. package/components/carousel.css +102 -102
  10. package/components/cascader.css +380 -380
  11. package/components/charts.css +408 -408
  12. package/components/checkbox.css +114 -114
  13. package/components/collapse.css +166 -166
  14. package/components/colorpicker.css +252 -252
  15. package/components/context-menu.css +95 -95
  16. package/components/descriptions.css +82 -82
  17. package/components/diagram.css +435 -435
  18. package/components/drawer.css +124 -124
  19. package/components/dropdown.css +110 -110
  20. package/components/empty.css +25 -25
  21. package/components/event-timeline.css +134 -134
  22. package/components/field.css +35 -35
  23. package/components/form.css +115 -115
  24. package/components/gantt.css +166 -166
  25. package/components/input-number.css +76 -76
  26. package/components/input-password.css +104 -104
  27. package/components/input.css +211 -211
  28. package/components/list.css +366 -366
  29. package/components/mentions.css +54 -54
  30. package/components/menu.css +326 -326
  31. package/components/modal.css +1 -0
  32. package/components/notification.css +128 -128
  33. package/components/pagination.css +162 -162
  34. package/components/popconfirm.css +95 -95
  35. package/components/progress.css +116 -116
  36. package/components/radio.css +95 -95
  37. package/components/rate.css +48 -48
  38. package/components/resource-calendar.css +224 -224
  39. package/components/result.css +45 -45
  40. package/components/schema-form-editor.css +433 -433
  41. package/components/search-input.css +112 -112
  42. package/components/segmented.css +76 -76
  43. package/components/select.css +181 -181
  44. package/components/skeleton.css +72 -72
  45. package/components/slider.css +51 -51
  46. package/components/spin.css +102 -102
  47. package/components/steps.css +194 -194
  48. package/components/switch.css +75 -75
  49. package/components/table.css +9 -1
  50. package/components/tabs.css +137 -137
  51. package/components/tag.css +61 -61
  52. package/components/textarea.css +22 -22
  53. package/components/timeline.css +169 -169
  54. package/components/timepicker.css +224 -224
  55. package/components/tooltip.css +91 -91
  56. package/components/transfer.css +140 -140
  57. package/components/tree.css +601 -601
  58. package/components/treeselect.css +221 -221
  59. package/components/upload.css +124 -124
  60. package/index.css +70 -70
  61. package/index.d.ts +9 -9
  62. package/package.json +1 -1
  63. package/print.css +88 -88
  64. package/reset.css +17 -17
  65. package/themes/dark.css +17 -17
  66. package/themes/default.css +14 -14
  67. package/tokens.css +310 -310
  68. package/transitions.css +158 -158
package/components/transfer.css CHANGED
@@ -1,140 +1,140 @@
1
- /* ---- Transfer ---- */
2
- .sg-transfer {
3
- display: flex;
4
- align-items: stretch;
5
- gap: var(--sg-padding-md);
6
- font-size: var(--sg-font-size);
7
- color: var(--sg-color-text);
8
- }
9
-
10
- .sg-transfer-disabled {
11
- opacity: 0.5;
12
- pointer-events: none;
13
- }
14
-
15
- /* ---- Single list panel ---- */
16
- .sg-transfer-list {
17
- display: flex;
18
- flex-direction: column;
19
- width: 240px;
20
- border: 1px solid var(--sg-color-border);
21
- border-radius: var(--sg-border-radius);
22
- background: var(--sg-color-bg-container);
23
- overflow: hidden;
24
- }
25
-
26
- .sg-transfer-list-disabled {
27
- opacity: 0.5;
28
- pointer-events: none;
29
- }
30
-
31
- /* ---- Header ---- */
32
- .sg-transfer-list-header {
33
- display: flex;
34
- align-items: center;
35
- gap: var(--sg-padding-sm);
36
- padding: var(--sg-padding-sm) var(--sg-padding-md);
37
- background: var(--sg-color-bg-secondary);
38
- border-bottom: 1px solid var(--sg-color-border-secondary);
39
- }
40
-
41
- .sg-transfer-list-header-count {
42
- font-size: var(--sg-font-size-sm);
43
- color: var(--sg-color-text-secondary);
44
- }
45
-
46
- .sg-transfer-list-header-title {
47
- margin-left: auto;
48
- font-weight: 600;
49
- font-size: var(--sg-font-size-sm);
50
- color: var(--sg-color-text);
51
- }
52
-
53
- /* ---- Search ---- */
54
- .sg-transfer-list-search {
55
- padding: var(--sg-padding-sm) var(--sg-padding-md);
56
- border-bottom: 1px solid var(--sg-color-border-secondary);
57
- }
58
-
59
- /* ---- Body ---- */
60
- .sg-transfer-list-body {
61
- flex: 1;
62
- min-height: 0;
63
- overflow-y: auto;
64
- }
65
-
66
- .sg-transfer-list-content {
67
- list-style: none;
68
- margin: 0;
69
- padding: 0;
70
- }
71
-
72
- /* ---- Item ---- */
73
- .sg-transfer-list-item {
74
- display: flex;
75
- align-items: center;
76
- padding: var(--sg-padding-xs) var(--sg-padding-md);
77
- transition: background var(--sg-transition-duration);
78
- cursor: pointer;
79
- }
80
-
81
- .sg-transfer-list-item:hover {
82
- background: var(--sg-color-bg-hover);
83
- }
84
-
85
- .sg-transfer-list-item-selected {
86
- background: var(--sg-color-primary-bg);
87
- }
88
-
89
- .sg-transfer-list-item-selected:hover {
90
- background: var(--sg-color-primary-bg);
91
- }
92
-
93
- .sg-transfer-list-item-disabled {
94
- color: var(--sg-color-text-disabled);
95
- cursor: not-allowed;
96
- }
97
-
98
- .sg-transfer-list-item-disabled:hover {
99
- background: transparent;
100
- }
101
-
102
- .sg-transfer-list-item-text {
103
- flex: 1;
104
- min-width: 0;
105
- overflow: hidden;
106
- text-overflow: ellipsis;
107
- white-space: nowrap;
108
- }
109
-
110
- /* ---- Empty ---- */
111
- .sg-transfer-list-empty {
112
- display: flex;
113
- align-items: center;
114
- justify-content: center;
115
- padding: var(--sg-padding-xl);
116
- color: var(--sg-color-text-tertiary);
117
- font-size: var(--sg-font-size-sm);
118
- }
119
-
120
- /* ---- Pagination ---- */
121
- .sg-transfer-list-pagination {
122
- display: flex;
123
- justify-content: center;
124
- padding: var(--sg-padding-sm);
125
- border-top: 1px solid var(--sg-color-border-secondary);
126
- }
127
-
128
- /* ---- Operations (move buttons) ---- */
129
- .sg-transfer-operations {
130
- display: flex;
131
- flex-direction: column;
132
- align-items: center;
133
- justify-content: center;
134
- gap: var(--sg-padding-sm);
135
- align-self: center;
136
- }
137
-
138
- .sg-transfer-operations .sg-button {
139
- min-width: var(--sg-height-md);
140
- }
1
+ /* ---- Transfer ---- */
2
+ .sg-transfer {
3
+ display: flex;
4
+ align-items: stretch;
5
+ gap: var(--sg-padding-md);
6
+ font-size: var(--sg-font-size);
7
+ color: var(--sg-color-text);
8
+ }
9
+
10
+ .sg-transfer-disabled {
11
+ opacity: 0.5;
12
+ pointer-events: none;
13
+ }
14
+
15
+ /* ---- Single list panel ---- */
16
+ .sg-transfer-list {
17
+ display: flex;
18
+ flex-direction: column;
19
+ width: 240px;
20
+ border: 1px solid var(--sg-color-border);
21
+ border-radius: var(--sg-border-radius);
22
+ background: var(--sg-color-bg-container);
23
+ overflow: hidden;
24
+ }
25
+
26
+ .sg-transfer-list-disabled {
27
+ opacity: 0.5;
28
+ pointer-events: none;
29
+ }
30
+
31
+ /* ---- Header ---- */
32
+ .sg-transfer-list-header {
33
+ display: flex;
34
+ align-items: center;
35
+ gap: var(--sg-padding-sm);
36
+ padding: var(--sg-padding-sm) var(--sg-padding-md);
37
+ background: var(--sg-color-bg-secondary);
38
+ border-bottom: 1px solid var(--sg-color-border-secondary);
39
+ }
40
+
41
+ .sg-transfer-list-header-count {
42
+ font-size: var(--sg-font-size-sm);
43
+ color: var(--sg-color-text-secondary);
44
+ }
45
+
46
+ .sg-transfer-list-header-title {
47
+ margin-left: auto;
48
+ font-weight: 600;
49
+ font-size: var(--sg-font-size-sm);
50
+ color: var(--sg-color-text);
51
+ }
52
+
53
+ /* ---- Search ---- */
54
+ .sg-transfer-list-search {
55
+ padding: var(--sg-padding-sm) var(--sg-padding-md);
56
+ border-bottom: 1px solid var(--sg-color-border-secondary);
57
+ }
58
+
59
+ /* ---- Body ---- */
60
+ .sg-transfer-list-body {
61
+ flex: 1;
62
+ min-height: 0;
63
+ overflow-y: auto;
64
+ }
65
+
66
+ .sg-transfer-list-content {
67
+ list-style: none;
68
+ margin: 0;
69
+ padding: 0;
70
+ }
71
+
72
+ /* ---- Item ---- */
73
+ .sg-transfer-list-item {
74
+ display: flex;
75
+ align-items: center;
76
+ padding: var(--sg-padding-xs) var(--sg-padding-md);
77
+ transition: background var(--sg-transition-duration);
78
+ cursor: pointer;
79
+ }
80
+
81
+ .sg-transfer-list-item:hover {
82
+ background: var(--sg-color-bg-hover);
83
+ }
84
+
85
+ .sg-transfer-list-item-selected {
86
+ background: var(--sg-color-primary-bg);
87
+ }
88
+
89
+ .sg-transfer-list-item-selected:hover {
90
+ background: var(--sg-color-primary-bg);
91
+ }
92
+
93
+ .sg-transfer-list-item-disabled {
94
+ color: var(--sg-color-text-disabled);
95
+ cursor: not-allowed;
96
+ }
97
+
98
+ .sg-transfer-list-item-disabled:hover {
99
+ background: transparent;
100
+ }
101
+
102
+ .sg-transfer-list-item-text {
103
+ flex: 1;
104
+ min-width: 0;
105
+ overflow: hidden;
106
+ text-overflow: ellipsis;
107
+ white-space: nowrap;
108
+ }
109
+
110
+ /* ---- Empty ---- */
111
+ .sg-transfer-list-empty {
112
+ display: flex;
113
+ align-items: center;
114
+ justify-content: center;
115
+ padding: var(--sg-padding-xl);
116
+ color: var(--sg-color-text-tertiary);
117
+ font-size: var(--sg-font-size-sm);
118
+ }
119
+
120
+ /* ---- Pagination ---- */
121
+ .sg-transfer-list-pagination {
122
+ display: flex;
123
+ justify-content: center;
124
+ padding: var(--sg-padding-sm);
125
+ border-top: 1px solid var(--sg-color-border-secondary);
126
+ }
127
+
128
+ /* ---- Operations (move buttons) ---- */
129
+ .sg-transfer-operations {
130
+ display: flex;
131
+ flex-direction: column;
132
+ align-items: center;
133
+ justify-content: center;
134
+ gap: var(--sg-padding-sm);
135
+ align-self: center;
136
+ }
137
+
138
+ .sg-transfer-operations .sg-button {
139
+ min-width: var(--sg-height-md);
140
+ }