@skygraph/styles 0.6.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/descriptions.css CHANGED
@@ -1,82 +1,82 @@
1
- .sg-descriptions {
2
- font-size: var(--sg-font-size);
3
- color: var(--sg-color-text);
4
- width: 100%;
5
- }
6
-
7
- .sg-descriptions-title {
8
- font-size: var(--sg-font-size-lg);
9
- font-weight: 600;
10
- color: var(--sg-color-text);
11
- margin-bottom: var(--sg-margin-md);
12
- line-height: var(--sg-line-height);
13
- }
14
-
15
- .sg-descriptions-table {
16
- width: 100%;
17
- border-collapse: collapse;
18
- table-layout: auto;
19
- }
20
-
21
- .sg-descriptions-row {
22
- vertical-align: top;
23
- }
24
-
25
- .sg-descriptions-item-label {
26
- font-weight: 500;
27
- color: var(--sg-color-text-secondary);
28
- white-space: nowrap;
29
- text-align: left;
30
- padding: var(--sg-padding-sm) var(--sg-padding-md) var(--sg-padding-sm) 0;
31
- line-height: var(--sg-line-height);
32
- }
33
-
34
- .sg-descriptions-item-content {
35
- color: var(--sg-color-text);
36
- padding: var(--sg-padding-sm) var(--sg-padding-md) var(--sg-padding-sm) 0;
37
- line-height: var(--sg-line-height);
38
- word-break: break-word;
39
- }
40
-
41
- .sg-descriptions-colon {
42
- margin-right: var(--sg-margin-sm);
43
- }
44
-
45
- /* Bordered */
46
- .sg-descriptions-bordered .sg-descriptions-table {
47
- border: 1px solid var(--sg-color-border-secondary);
48
- border-radius: var(--sg-border-radius);
49
- }
50
-
51
- .sg-descriptions-bordered .sg-descriptions-item-label,
52
- .sg-descriptions-bordered .sg-descriptions-item-content {
53
- padding: var(--sg-padding-sm) var(--sg-padding-lg);
54
- border-bottom: 1px solid var(--sg-color-border-secondary);
55
- }
56
-
57
- .sg-descriptions-bordered .sg-descriptions-item-label {
58
- background: var(--sg-color-bg-secondary);
59
- border-right: 1px solid var(--sg-color-border-secondary);
60
- }
61
-
62
- .sg-descriptions-bordered .sg-descriptions-row:last-child .sg-descriptions-item-label,
63
- .sg-descriptions-bordered .sg-descriptions-row:last-child .sg-descriptions-item-content {
64
- border-bottom: none;
65
- }
66
-
67
- /* Sizes */
68
- .sg-descriptions-small .sg-descriptions-item-label,
69
- .sg-descriptions-small .sg-descriptions-item-content {
70
- padding: var(--sg-padding-xs) var(--sg-padding-sm) var(--sg-padding-xs) 0;
71
- font-size: var(--sg-font-size-sm);
72
- }
73
-
74
- .sg-descriptions-small.sg-descriptions-bordered .sg-descriptions-item-label,
75
- .sg-descriptions-small.sg-descriptions-bordered .sg-descriptions-item-content {
76
- padding: var(--sg-padding-xs) var(--sg-padding-md);
77
- }
78
-
79
- .sg-descriptions-middle .sg-descriptions-item-label,
80
- .sg-descriptions-middle .sg-descriptions-item-content {
81
- padding: var(--sg-padding-sm) var(--sg-padding-md) var(--sg-padding-sm) 0;
82
- }
1
+ .sg-descriptions {
2
+ font-size: var(--sg-font-size);
3
+ color: var(--sg-color-text);
4
+ width: 100%;
5
+ }
6
+
7
+ .sg-descriptions-title {
8
+ font-size: var(--sg-font-size-lg);
9
+ font-weight: 600;
10
+ color: var(--sg-color-text);
11
+ margin-bottom: var(--sg-margin-md);
12
+ line-height: var(--sg-line-height);
13
+ }
14
+
15
+ .sg-descriptions-table {
16
+ width: 100%;
17
+ border-collapse: collapse;
18
+ table-layout: auto;
19
+ }
20
+
21
+ .sg-descriptions-row {
22
+ vertical-align: top;
23
+ }
24
+
25
+ .sg-descriptions-item-label {
26
+ font-weight: 500;
27
+ color: var(--sg-color-text-secondary);
28
+ white-space: nowrap;
29
+ text-align: left;
30
+ padding: var(--sg-padding-sm) var(--sg-padding-md) var(--sg-padding-sm) 0;
31
+ line-height: var(--sg-line-height);
32
+ }
33
+
34
+ .sg-descriptions-item-content {
35
+ color: var(--sg-color-text);
36
+ padding: var(--sg-padding-sm) var(--sg-padding-md) var(--sg-padding-sm) 0;
37
+ line-height: var(--sg-line-height);
38
+ word-break: break-word;
39
+ }
40
+
41
+ .sg-descriptions-colon {
42
+ margin-right: var(--sg-margin-sm);
43
+ }
44
+
45
+ /* Bordered */
46
+ .sg-descriptions-bordered .sg-descriptions-table {
47
+ border: 1px solid var(--sg-color-border-secondary);
48
+ border-radius: var(--sg-border-radius);
49
+ }
50
+
51
+ .sg-descriptions-bordered .sg-descriptions-item-label,
52
+ .sg-descriptions-bordered .sg-descriptions-item-content {
53
+ padding: var(--sg-padding-sm) var(--sg-padding-lg);
54
+ border-bottom: 1px solid var(--sg-color-border-secondary);
55
+ }
56
+
57
+ .sg-descriptions-bordered .sg-descriptions-item-label {
58
+ background: var(--sg-color-bg-secondary);
59
+ border-right: 1px solid var(--sg-color-border-secondary);
60
+ }
61
+
62
+ .sg-descriptions-bordered .sg-descriptions-row:last-child .sg-descriptions-item-label,
63
+ .sg-descriptions-bordered .sg-descriptions-row:last-child .sg-descriptions-item-content {
64
+ border-bottom: none;
65
+ }
66
+
67
+ /* Sizes */
68
+ .sg-descriptions-small .sg-descriptions-item-label,
69
+ .sg-descriptions-small .sg-descriptions-item-content {
70
+ padding: var(--sg-padding-xs) var(--sg-padding-sm) var(--sg-padding-xs) 0;
71
+ font-size: var(--sg-font-size-sm);
72
+ }
73
+
74
+ .sg-descriptions-small.sg-descriptions-bordered .sg-descriptions-item-label,
75
+ .sg-descriptions-small.sg-descriptions-bordered .sg-descriptions-item-content {
76
+ padding: var(--sg-padding-xs) var(--sg-padding-md);
77
+ }
78
+
79
+ .sg-descriptions-middle .sg-descriptions-item-label,
80
+ .sg-descriptions-middle .sg-descriptions-item-content {
81
+ padding: var(--sg-padding-sm) var(--sg-padding-md) var(--sg-padding-sm) 0;
82
+ }