@kestra-io/ui-libs 0.0.79 → 0.0.80
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.
- package/dist/_theme-dark.scss +20 -0
- package/dist/_variables.scss +119 -0
- package/dist/kestra-ui.js +17683 -0
- package/dist/kestra-ui.umd.cjs +71 -0
- package/dist/style.css +1 -0
- package/package.json +22 -4
- package/src/components/misc/Tooltip.vue +2 -2
- package/src/components/plugins/PropertyDetail.vue +130 -0
- package/src/components/plugins/PropertyType.vue +70 -0
- package/src/components/plugins/SchemaToCode.vue +6 -2
- package/src/components/plugins/SchemaToHtml.vue +137 -217
- package/src/placeholder.css +0 -0
- package/src/scss/bootstrap-overload.scss +4 -0
- package/src/utils/YamlUtils.js +1 -1
- package/src/utils/state.js +1 -2
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
// gray
|
|
2
|
+
$gray-900: #CAC5DA;
|
|
3
|
+
$gray-800: #A69FC1;
|
|
4
|
+
$gray-700: #918BA9;
|
|
5
|
+
$gray-600: #404559;
|
|
6
|
+
$gray-500: #2F3342;
|
|
7
|
+
$gray-400: #2C303F;
|
|
8
|
+
$gray-300: #202435;
|
|
9
|
+
$gray-200: #21242E;
|
|
10
|
+
$gray-100: #1C1E27;
|
|
11
|
+
|
|
12
|
+
$light: $gray-200;
|
|
13
|
+
$dark: $gray-100;
|
|
14
|
+
|
|
15
|
+
// body
|
|
16
|
+
$body-color: $gray-900;
|
|
17
|
+
$border-color: $gray-600;
|
|
18
|
+
$body-bg: $gray-200;
|
|
19
|
+
$card-bg: $gray-500;
|
|
20
|
+
$input-bg: $gray-100;
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
// primary color
|
|
2
|
+
$primary: #8405FF !default;
|
|
3
|
+
$secondary: #C182FF !default;
|
|
4
|
+
$tertiary: #2F3342 !default;
|
|
5
|
+
|
|
6
|
+
// color system
|
|
7
|
+
$blue: #1761FD !default;
|
|
8
|
+
$indigo: #8405FF !default;
|
|
9
|
+
$purple: #9F9DFF !default;
|
|
10
|
+
$purple-36: #9CA1DE;
|
|
11
|
+
$pink: #FD3C97 !default;
|
|
12
|
+
$red: #E36065 !default;
|
|
13
|
+
$red-light: #FF9D9D !default;
|
|
14
|
+
$orange: #FCB37C !default;
|
|
15
|
+
$yellow: #FCE07C !default;
|
|
16
|
+
$green: #03DABA !default;
|
|
17
|
+
$teal: #03D87F !default;
|
|
18
|
+
$cyan: #60C5FE !default;
|
|
19
|
+
|
|
20
|
+
// gray
|
|
21
|
+
$white: #FFF !default;
|
|
22
|
+
$gray-100: #F5F5FF !default;
|
|
23
|
+
$gray-200: #f1f5fa !default;
|
|
24
|
+
$gray-300: #E5E4F7 !default;
|
|
25
|
+
$gray-400: #b6c2e4 !default;
|
|
26
|
+
$gray-500: #8997bd !default;
|
|
27
|
+
$gray-600: #7081b9 !default;
|
|
28
|
+
$gray-700: #303e67 !default;
|
|
29
|
+
$gray-800: #2c3652 !default;
|
|
30
|
+
$gray-900: #1d2c48 !default;
|
|
31
|
+
$black: #26282D !default;
|
|
32
|
+
|
|
33
|
+
$light: $gray-200 !default;
|
|
34
|
+
$dark: $gray-900 !default;
|
|
35
|
+
|
|
36
|
+
$white-3: #B9B9BA;
|
|
37
|
+
|
|
38
|
+
$black-2 : #161617;
|
|
39
|
+
$black-3 : #252526;
|
|
40
|
+
|
|
41
|
+
// fonts
|
|
42
|
+
$font-size-base: 1rem !default;
|
|
43
|
+
$font-family-sans-serif: "Public Sans", sans-serif;
|
|
44
|
+
$font-family-monospace: "Source Code Pro", monospace;
|
|
45
|
+
$font-size-xs: $font-size-base * 0.75 !default;
|
|
46
|
+
$font-size-md : $font-size-base * 1;
|
|
47
|
+
$font-size-xl: $font-size-base * 1.375;
|
|
48
|
+
|
|
49
|
+
// border
|
|
50
|
+
$block-border: 1px solid $black-3;
|
|
51
|
+
|
|
52
|
+
// border radius
|
|
53
|
+
$border-radius: 0.25rem !default;
|
|
54
|
+
$border-radius-lg: 0.5rem !default;
|
|
55
|
+
$border-radius-sm: 0.15rem !default;
|
|
56
|
+
|
|
57
|
+
// layout
|
|
58
|
+
$menu-width: 268px !default;
|
|
59
|
+
$spacer: 1rem !default;
|
|
60
|
+
|
|
61
|
+
// body
|
|
62
|
+
$body-color: $gray-800 !default;
|
|
63
|
+
$body-tertiary-color: #FFFFFF;
|
|
64
|
+
$body-tertiary-bg: #785EEA;
|
|
65
|
+
$border-color: $gray-300 !default;
|
|
66
|
+
$body-bg: $gray-100 !default;
|
|
67
|
+
$card-bg: $white !default;
|
|
68
|
+
$input-bg: $white !default;
|
|
69
|
+
|
|
70
|
+
// link
|
|
71
|
+
$link-color: $primary !default;
|
|
72
|
+
$link-decoration: none;
|
|
73
|
+
|
|
74
|
+
// border radius
|
|
75
|
+
$border-radius: .25rem !default;
|
|
76
|
+
$border-radius-sm: .15rem !default;
|
|
77
|
+
|
|
78
|
+
// shadow
|
|
79
|
+
$box-shadow-sm: 0 .125rem .25rem rgba($black, .075);
|
|
80
|
+
$box-shadow: 0 .5rem 1rem rgba($black, .15);
|
|
81
|
+
$box-shadow-lg: 0 1rem 3rem rgba($black, .175);
|
|
82
|
+
|
|
83
|
+
// boostrap flags
|
|
84
|
+
$enable-reduced-motion: false;
|
|
85
|
+
|
|
86
|
+
// element-plus
|
|
87
|
+
$types: primary, success, warning, danger, error, info !default;
|
|
88
|
+
$element-colors: (
|
|
89
|
+
'white': $white,
|
|
90
|
+
'black': $black,
|
|
91
|
+
'primary': (
|
|
92
|
+
'base': $primary,
|
|
93
|
+
),
|
|
94
|
+
'success': (
|
|
95
|
+
'base': $green,
|
|
96
|
+
),
|
|
97
|
+
'warning': (
|
|
98
|
+
'base': $orange,
|
|
99
|
+
),
|
|
100
|
+
'danger': (
|
|
101
|
+
'base': $red,
|
|
102
|
+
),
|
|
103
|
+
'error': (
|
|
104
|
+
'base': $red,
|
|
105
|
+
),
|
|
106
|
+
'info': (
|
|
107
|
+
'base': $cyan,
|
|
108
|
+
),
|
|
109
|
+
);
|
|
110
|
+
|
|
111
|
+
$popper-margin: .2rem;
|
|
112
|
+
|
|
113
|
+
$baseline-max-width: 730px;
|
|
114
|
+
|
|
115
|
+
// bootstrap
|
|
116
|
+
@import "bootstrap/scss/functions";
|
|
117
|
+
@import "bootstrap/scss/mixins";
|
|
118
|
+
@import "bootstrap/scss/vendor/rfs";
|
|
119
|
+
@import 'bootstrap/scss/variables';
|