@dataloop-ai/components 0.20.190 → 0.20.192

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/assets/constants.css +9 -0
  3. package/src/assets/theme.css +22 -22
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dataloop-ai/components",
3
- "version": "0.20.190",
3
+ "version": "0.20.192",
4
4
  "exports": {
5
5
  ".": "./index.ts",
6
6
  "./models": "./models.ts",
package/src/assets/constants.css CHANGED
@@ -53,6 +53,7 @@
53
53
  --dell-gray-100: #F4F4F4;
54
54
  --dell-gray-200: #eaeaea;
55
55
  --dell-gray-300: #C5C5C5;
56
+ --dell-gray-400: #9E9E9E;
56
57
  --dell-gray-500: #757575;
57
58
  --dell-gray-600: #616161;
58
59
  --dell-gray-700: #4D4D4D;
@@ -60,13 +61,18 @@
60
61
  --dell-gray-900: #252525;
61
62
  --dell-blue-100: #ebf4fb;
62
63
  --dell-blue-200: #D9EAF8;
64
+ --dell-blue-300: #94BBEA;
63
65
  --dell-blue-400: #4C9FDD;
64
66
  --dell-blue-500: #0076CE;
65
67
  --dell-blue-600: #0062AB;
66
68
  --dell-blue-700: #004E88;
69
+ --dell-blue-800: #003A65;
70
+ --dell-blue-900: #002642;
71
+ --dell-green-100: #EDF5EB;
67
72
  --dell-green-200: #DDEDD9;
68
73
  --dell-green-500: #1B8500;
69
74
  --dell-green-600: #166e00;
75
+ --dell-yellow-100: #FFFBEB;
70
76
  --dell-yellow-200: #FFF7D9;
71
77
  --dell-yellow-500: #FFC700;
72
78
  --dell-yellow-600: #E5A51A;
@@ -74,12 +80,15 @@
74
80
  --dell-orange-200: #FCE8D9;
75
81
  --dell-orange-500: #ED6400;
76
82
  --dell-orange-600: #C55300;
83
+ --dell-red-100: #F9EBEB;
77
84
  --dell-red-200: #F3D9D9;
78
85
  --dell-red-500: #AF0000;
79
86
  --dell-red-600: #910000;
80
87
  --dell-red-700: #730000;
81
88
  --dell-overlay: rgba(0, 0, 0, 0.6);
82
89
  --dell-shadow: rgba(0, 0, 0, 0.14);
90
+ --dell-teal-500: #00819e;
91
+ --dell-berry-500: #A10061;
83
92
  --dell-color-discovery: #7F3EE0;
84
93
  --dell-color-discovery-bg: #F6F2FD;
85
94
  }
package/src/assets/theme.css CHANGED
@@ -24,10 +24,10 @@ body {
24
24
  :root {
25
25
  /* common */
26
26
  --dl-color-white: #FFFFFF; /* replace to --dell-white: #FFFFFF */
27
- --dl-color-black: #000;
27
+ --dl-color-black: #252525; /* replace to --dell-gray-900: #252525 */
28
28
  --dl-color-bg: #FFFFFF; /* replace to --dell-white: #FFFFFF */
29
29
  --dl-color-background: #FFFFFF; /* replace to --dell-white: #FFFFFF */
30
- --dl-color-transparent: transparent;
30
+ --dl-color-transparent: transparent; /* replace to --dell-transparent: transparent */
31
31
 
32
32
  /* fontSizes */
33
33
  --dl-font-size-h1: 30px;
@@ -40,10 +40,10 @@ body {
40
40
  --dl-font-size-small: 10px;
41
41
 
42
42
  /* shadows */
43
- --dl-menu-shadow: 0px 3px 6px rgba(16, 30, 115, 0.15);
43
+ --dl-menu-shadow: rgba(0, 0, 0, 0.14); /* replace to --dell-shadow: rgba(0, 0, 0, 0.14); */
44
44
 
45
45
  /* colors */
46
- --dl-color-tooltip-text: #fefefe;
46
+ --dl-color-tooltip-text: #FFFFFF; /* replace to --dell-white: #FFFFFF */
47
47
  --dl-color-tooltip-background: #333333; /* base color replace to --dell-gray-800: #333333 */
48
48
  --dl-color-text-darker-buttons: #333333; /* replace to --dell-gray-800: #333333 */
49
49
  --dl-color-secondary: #0076CE; /* replace to --dell-blue-500: #0076CE */
@@ -54,24 +54,24 @@ body {
54
54
  --dl-color-lighter: #757575; /* replace to --dell-gray-500: #757575 */
55
55
  --dl-color-hover: #0062AB; /* replace to --dell-blue-600: #0062AB */
56
56
  --dl-color-disabled: #757575; /* replace to --dell-gray-500: #757575 */
57
- --dl-color-fill: #0000001e;
58
- --dl-color-fill-hover: #f8f8f8;
57
+ --dl-color-fill: #ebf4fb; /* replace to --dell-gray-100: #ebf4fb */
58
+ --dl-color-fill-hover: #ebf4fb; /* replace to --dell-gray-100: #ebf4fb */
59
59
  --dl-color-separator: #C5C5C5; /* replace to --dell-gray-300: #C5C5C5 */
60
60
  --dl-color-component: #FFFFFF; /* replace to --dell-white: #FFFFFF */
61
61
  --dl-color-scrollbar: #C5C5C5; /* replace to --dell-gray-300: #C5C5C5 */
62
62
  --dl-color-body-background: #F4F4F4; /* replace to --dell-gray-100: #F4F4F4 */
63
63
  --dl-color-panel-background: #FFFFFF; /* replace to --dell-white: #FFFFFF */
64
- --dl-color-side-panel: #18195c;
64
+ --dl-color-side-panel: #FFFFFF; /* replace to --dell-white: #FFFFFF */
65
65
  --dl-color-shadow: #FFFFFF; /* replace to --dell-white: #FFFFFF */
66
66
  --dl-color-icon-default: #333333; /* replace to --dell-gray-800: #333333 */
67
- --dl-color-fill-secondary: #fbf8f8;
68
- --dl-color-fill-third: #fbfbfb;
69
- --dl-color-link: #20abfa;
70
- --dl-color-cell-background: #fffae2;
67
+ --dl-color-fill-secondary: #ebf4fb; /* replace to --dell-blue-100: #ebf4fb */
68
+ --dl-color-fill-third: #F4F4F4; /* replace to --dell-gray-100: #F4F4F4 */
69
+ --dl-color-link: #0062AB; /* replace to --dell-blue-600: #0062AB */
70
+ --dl-color-cell-background: #F4F4F4; /* replace to --dell-gray-100: #F4F4F4 */
71
71
  --dl-color-disabled-slider: #757575; /* replace to --dell-gray-500: #757575 */
72
72
  --dl-color-text-800: #252525; /* replace to --dell-gray-900: #252525 */
73
- --q-color-positive: #38d079;
74
- --q-color-warning: #e1b75b;
73
+ --q-color-positive: #38d079; /* not in use */
74
+ --q-color-warning: #FFC700; /* replace to --dell-yellow-500: #FFC700 */
75
75
 
76
76
  /* alert colors */
77
77
  --dl-color-negative: #AF0000; /* replace to --dell-red-500: #AF0000 */
@@ -89,19 +89,19 @@ body {
89
89
  --dl-color-info-base: #EBF4FB; /* replace to --dell-blue-100: #EBF4FB */
90
90
  --dl-color-info-highlight: #FFFFFF; /* replace to --dell-white: #FFFFFF */
91
91
 
92
- --dl-color-chart-brush: #eef1ff;
92
+ --dl-color-chart-brush: #eef1ff; /* not in use */
93
93
 
94
- --dl-date-picker-shadow: 0px 3px 6px #101e7326;
94
+ --dl-date-picker-shadow: 0px 3px 6px #101e7326; /* not in use */
95
95
  --dl-date-picker-selected-strip: #0076CE; /* base color replace to --dell-blue-500: #0076CE */
96
- --dl-date-picker-selected-date: #8fa0ff;
96
+ --dl-date-picker-selected-date: #8fa0ff; /* not in use in OA, maybe in use in other repos*/
97
97
 
98
98
  /* DlJsonEditor based on atom one themes */
99
- --dl-json-editor-key-color: #a626a4;
100
- --dl-json-editor-background-color: #fafafa;
101
- --dl-json-editor-panel-background: #fafafa;
102
- --dl-json-editor-value-color-boolean: #0184bb;
103
- --dl-json-editor-value-color-number: #c18401;
104
- --dl-json-editor-value-color-string: #50a14f;
99
+ --dl-json-editor-key-color: #a626a4; /* remain the same color */
100
+ --dl-json-editor-background-color: #FFFFFF; /* replace to --dell-white: #FFFFFF */
101
+ --dl-json-editor-panel-background: #FFFFFF; /* replace to --dell-white: #FFFFFF */
102
+ --dl-json-editor-value-color-boolean: #00819e; /* replace to dell-teal-500: #00819e */
103
+ --dl-json-editor-value-color-number: #ED6400; /* replace to dell-orange-500: #ED6400 */
104
+ --dl-json-editor-value-color-string: #1B8500; /* replace to --dell-green-500: #1B8500 */
105
105
 
106
106
  --dl-color-discovery: #7F3EE0; /* replace to --dell-color-discovery: #7F3EE0 */
107
107
  --dl-color-discovery-bg: #F6F2FD; /* replace to --dell-color-discovery-bg: #F6F2FD */