@datarailsshared/datarailsshared 1.4.171 → 1.4.172
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.
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
$dr-color-primary-darker: #1D1D6D;
|
|
2
|
+
$dr-color-primary-dark: #25258C;
|
|
3
|
+
$dr-color-primary: #4646CE;
|
|
4
|
+
$dr-color-primary-light: #7F7FDD;
|
|
5
|
+
$dr-color-primary-lighter: #B9B9EC;
|
|
6
|
+
$dr-color-primary-super-light: #F2F2FB;
|
|
7
|
+
$dr-color-primary-gradient: linear-gradient(96.89deg, #25258C 0%, #4646CE 100%);
|
|
8
|
+
|
|
9
|
+
$dr-color-pink-darker: #680325;
|
|
10
|
+
$dr-color-pink-dark: #981440;
|
|
11
|
+
$dr-color-pink: #C9245B;
|
|
12
|
+
$dr-color-pink-light: #F93576;
|
|
13
|
+
$dr-color-pink-lighter: #FC93B6;
|
|
14
|
+
$dr-color-pink-super-light: #FFF1F5;
|
|
15
|
+
|
|
16
|
+
$dr-color-yellow-darker: #9E5F00;
|
|
17
|
+
$dr-color-yellow-dark: #C17700;
|
|
18
|
+
$dr-color-yellow: #FFA310;
|
|
19
|
+
$dr-color-yellow-light: #FFBF5A;
|
|
20
|
+
$dr-color-yellow-lighter: #FFDCA4;
|
|
21
|
+
$dr-color-yellow-super-light: #FFF8EE;
|
|
22
|
+
|
|
23
|
+
$dr-color-gray-dark: #4E566C;
|
|
24
|
+
$dr-color-gray-medium-dark: #7E828E;
|
|
25
|
+
$dr-color-gray: #9EA1AA;
|
|
26
|
+
$dr-color-gray-medium-light: #DFE0E3;
|
|
27
|
+
$dr-color-gray-light: #F0F1F4;
|
|
28
|
+
|
|
29
|
+
$dr-color-background-main-header: #0D142A;
|
|
30
|
+
$dr-color-background-main: #F6F7F8;
|
|
31
|
+
$dr-color-background-secondary: #FBFBFE;
|
|
32
|
+
$dr-color-background-white: #FFFFFF;
|
|
33
|
+
$dr-color-background-header: #F2F2FB;
|
|
34
|
+
$dr-color-background-hover: #F5F5F5;
|
|
35
|
+
$dr-color-background-selected: #EAEAFF;
|
|
36
|
+
$dr-color-background-disabled: #F0F1F4;
|
|
37
|
+
|
|
38
|
+
$dr-color-background-status-error: #F7D9DC;
|
|
39
|
+
$dr-color-background-status-info: #E6EFFF;
|
|
40
|
+
$dr-color-background-status-warning: #FFEDBF;
|
|
41
|
+
$dr-color-background-status-success: #DBF5E6;
|
|
42
|
+
|
|
43
|
+
$dr-color-status-error: #BF1D30;
|
|
44
|
+
$dr-color-status-info: #0B5AF9;
|
|
45
|
+
$dr-color-status-warning: #FFB800;
|
|
46
|
+
$dr-color-status-success: #03A678;
|
|
47
|
+
|
|
48
|
+
$dr-color-border-divider: #DFE0E3;
|
|
49
|
+
$dr-color-border-input: #9EA1AA;
|
|
50
|
+
$dr-color-border-disabled: #AEABAC;
|
|
51
|
+
$dr-color-border-active: #4646CE;
|
|
52
|
+
$dr-color-border-error: #BF1D30;
|
|
53
|
+
|
|
54
|
+
$dr-color-text-main: #333333;
|
|
55
|
+
$dr-color-text-secondary: #6D6E6F;
|
|
56
|
+
$dr-color-text-disabled: #AEABAC;
|
|
57
|
+
$dr-color-text-white: #FFFFFF;
|
|
58
|
+
$dr-color-text-active: #4646CE;
|
|
59
|
+
$dr-color-text-success: #037C5A;
|
|
60
|
+
$dr-color-text-error: #BF1D30;
|
|
61
|
+
$dr-color-text-warning: #9E5F00;
|
|
62
|
+
$dr-color-text-info: #0B5AF9;
|
|
63
|
+
|
|
64
|
+
$dr-color-additional-blue: #0061FF;
|
|
65
|
+
$dr-color-additional-bright-green: #20A452;
|
|
66
|
+
$dr-color-additional-dark-blue: #19194C;
|
|
67
|
+
$dr-color-additional-orange: #FF4E00;
|
|
68
|
+
$dr-color-additional-bright-purple: #B14EF2;
|
|
69
|
+
$dr-color-additional-light-blue: #578AFF;
|
|
70
|
+
$dr-color-additional-bright-pink: #F13FA4;
|
|
71
|
+
$dr-color-additional-mouse: #8693A2;
|
|
72
|
+
$dr-color-additional-medium-green: #00867E;
|
|
73
|
+
|
|
74
|
+
$dr-color-badge-space: #7B61FF;
|
|
75
|
+
$dr-color-badge-light-purple: #DFD9FF;
|
|
76
|
+
$dr-color-badge-water: #D9F2FF;
|
|
77
|
+
$dr-color-badge-baby-blue: #D9E6FF;
|
|
78
|
+
$dr-color-badge-light-turquoise: #D6FCF9;
|
|
79
|
+
$dr-color-badge-bright-green: #D9FFEA;
|
|
80
|
+
$dr-color-badge-stone: #F6F4F4;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
@import './vars';
|
|
2
|
+
|
|
3
|
+
@mixin dr-primary-font($fontSize: $dr-primary-font-size-x-small, $fontWeight: $dr-primary-font-weight-light,
|
|
4
|
+
$line-height: $dr-primary-font-line-height-x-small) {
|
|
5
|
+
font-family: $dr-primary-font-family;
|
|
6
|
+
font-style: normal;
|
|
7
|
+
font-size: $fontSize;
|
|
8
|
+
font-weight: $fontWeight;
|
|
9
|
+
line-height: $line-height;
|
|
10
|
+
}
|
package/assets/styles/vars.scss
CHANGED
|
@@ -5,3 +5,38 @@ $dr-chat-avatar-width: 28px;
|
|
|
5
5
|
$dr-chat-avatar-left-indent: 0;
|
|
6
6
|
$dr-chat-avatar-right-indent: 23px;
|
|
7
7
|
$dr-chat-header-text-indent: 20px;
|
|
8
|
+
|
|
9
|
+
// DR spacing variables (margin, paddings, etc.)
|
|
10
|
+
$dr-spacing-xxx-small: 2px;
|
|
11
|
+
$dr-spacing-xx-small: 4px;
|
|
12
|
+
$dr-spacing-x-small: 8px;
|
|
13
|
+
$dr-spacing-small: 16px;
|
|
14
|
+
$dr-spacing-medium: 24px;
|
|
15
|
+
$dr-spacing-large: 32px;
|
|
16
|
+
$dr-spacing-x-large: 40px;
|
|
17
|
+
$dr-spacing-xx-large: 48px;
|
|
18
|
+
$dr-spacing-xxx-large: 56px;
|
|
19
|
+
|
|
20
|
+
// DR font variables (family, weight, size, line-height)
|
|
21
|
+
$dr-primary-font-family: 'Poppins', sans-serif;
|
|
22
|
+
|
|
23
|
+
$dr-primary-font-weight-light: 400;
|
|
24
|
+
$dr-primary-font-weight-regular: 500;
|
|
25
|
+
$dr-primary-font-weight-semi-bold: 600;
|
|
26
|
+
$dr-primary-font-weight-bold: 700;
|
|
27
|
+
|
|
28
|
+
$dr-primary-font-size-xx-small: 12px;
|
|
29
|
+
$dr-primary-font-size-x-small: 14px;
|
|
30
|
+
$dr-primary-font-size-small: 16px;
|
|
31
|
+
$dr-primary-font-size-medium: 18px;
|
|
32
|
+
$dr-primary-font-size-large: 20px;
|
|
33
|
+
$dr-primary-font-size-x-large: 24px;
|
|
34
|
+
$dr-primary-font-size-xx-large: 32px;
|
|
35
|
+
|
|
36
|
+
$dr-primary-font-line-height-xx-small: 20px;
|
|
37
|
+
$dr-primary-font-line-height-x-small: 22px;
|
|
38
|
+
$dr-primary-font-line-height-small: 24px;
|
|
39
|
+
$dr-primary-font-line-height-medium: 24px;
|
|
40
|
+
$dr-primary-font-line-height-large: 28px;
|
|
41
|
+
$dr-primary-font-line-height-x-large: 32px;
|
|
42
|
+
$dr-primary-font-line-height-xx-large: 42px;
|