@omniumretail/shared-resources 0.3.35 → 0.3.37

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/dist/bundle.js +1 -1
  2. package/package.json +1 -1
  3. package/src/a2ai.scss +128 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@omniumretail/shared-resources",
3
- "version": "0.3.35",
3
+ "version": "0.3.37",
4
4
  "private": false,
5
5
  "description": "Shared Components and services or utils to the frontend versions",
6
6
  "main": "dist/bundle.js",
package/src/a2ai.scss CHANGED
@@ -1,3 +1,130 @@
1
1
  body.a2aiStyle {
2
- --primary-color: purple;
2
+ /* TODO: Update this code */
3
+ --primary-color: red;
4
+ --white-color: white;
5
+ --grad-bg-button-color: #DADADA;
6
+ --button-border-color: #707070;
7
+ --button-color: #37383A;
8
+ --customer-icon-color: #63B299;
9
+ --default-background-image-color: #D9D9D9;
10
+ --field-border-color: #D5D8D7;
11
+ --page-bg-color: #F9F9F9;
12
+ --page-border-color: #CECECE;
13
+ --page-footer-bg-color: #DEDEDE;
14
+ --app-footer-bg-color: #2C2D2E;
15
+ --app-footer-color: #F5F6F7;
16
+ --app-header-bg-1-color: #F7F7F7;
17
+ --app-header-bg-2-color: #E3E3E3;
18
+ --app-header-bg-3-color: #797979;
19
+ --app-header-bt-border-color: #090909;
20
+ --page-header-bg-color: #282c34;
21
+ --success-color: #64B298;
22
+ --error-color: #E05151;
23
+ --disabled-input: #E8E8E8;
24
+ --job-title-bg: #A83D3D;
25
+ --job-date-info-bg: #E0F0EA;
26
+ --job-date-edit-bg: #F0F0F0;
27
+ --header-border-color: #C7CAC9;
28
+ --grey: #E6E6E6;
29
+ --active-button-color: #35779D;
30
+ --sf-pro: normal normal bold 12px/14px SF Pro Text;
31
+ --delete-bg: #E15151;
32
+
33
+ /* New Code */
34
+ /*** Colors ***/
35
+ // Primary Colors
36
+ --color-black: #2c2d2e;
37
+ --color-black-rgb: 44, 45, 46;
38
+ --color-white: #FFFFFF;
39
+ --color-white-rgb: 255, 255, 255;
40
+
41
+ --color-orange: #FF674C;
42
+ --color-orange-rgb: 255, 103, 76;
43
+
44
+ --color-green-light: #A9D046;
45
+ --color-green-light-rgb: 169, 208, 70;
46
+
47
+ --color-blue: #324A6D;
48
+ --color-blue-rgb: 50, 74, 109;
49
+
50
+ --color-blue: #1C244B;
51
+ --color-blue-rgb: 28, 36, 75;
52
+
53
+ --color-grey-light: #D9D9D9;
54
+ --color-grey-light-rgb: 217, 217, 217;
55
+ --color-grey: #C7CAC9;
56
+ --color-grey-rgb: 199, 202, 201;
57
+ --color-grey-dark: #797979;
58
+ --color-grey-dark-rgb: 121, 121, 121;
59
+
60
+ // Helper Colors
61
+ --color-warning-400: #E36262;
62
+ --color-warning-500: #E05151;
63
+
64
+ --color-confirmation-400: #73b9a2;
65
+ --color-confirmation-600: #64B298;
66
+
67
+ /*** Font Styles ***/
68
+ // Font Family
69
+ --font-family-primary: SF Pro;
70
+
71
+ // Font Weight
72
+ --font-weight-light: 300;
73
+ --font-weight-regular: 400;
74
+ --font-weight-medium: 500;
75
+ --font-weight-semibold: 600;
76
+ --font-weight-bold: 700;
77
+
78
+ // Font Styles
79
+ --font-style-normal: normal;
80
+ --font-style-italic: italic;
81
+
82
+ // Font Sizes
83
+ --font-size-body-1: 10px;
84
+ --font-size-body-2: 12px;
85
+ --font-size-body-3: 14px;
86
+ --font-size-body-4: 16px;
87
+ --font-size-body-5: 18px;
88
+ --font-size-body-6: 20px;
89
+
90
+ --font-size-h1: 46px;
91
+ --font-size-h2: 40px;
92
+ --font-size-h3: 36px;
93
+ --font-size-h4: 30px;
94
+ --font-size-h5: 24px;
95
+
96
+ --font-size-body-base: var(--font-size-body-4);
97
+ --font-size-label: var(--font-size-body-3);
98
+
99
+ /*** CTAs ***/
100
+ // Button Default
101
+ --button-default-background: var(--color-green-light);
102
+ --button-default-text-color: var(--color-white);
103
+ --button-default-background-hover-color: rgba(var(--color-green-light-rgb), .9);
104
+ --button-default-text-hover-color: var(--color-white);
105
+ --button-default-background-focus-color: var(--color-grey-dark);
106
+ --button-default-text-focus-color: rgba(var(--color-white-rgb), .8);
107
+
108
+ // Button Style 1
109
+ --button-style-1-background: var(--color-black);
110
+ --button-style-1-text-color: var(--color-white);
111
+ --button-style-1-background-hover-color: rgba(var(--color-black-rgb), .9);
112
+ --button-style-1-text-hover-color: var(--color-white);
113
+ --button-style-1-background-focus-color: var(--color-grey-dark);
114
+ --button-style-1-text-focus-color: rgba(var(--color-white-rgb), .8);
115
+
116
+ // Button Disabled
117
+ --button-disabled-background-color: var(--color-grey-dark);
118
+ --button-disabled-default-text-color: var(--color-white);
119
+
120
+ // Link
121
+ --link-color: var(--color-green-light);
122
+ --link-hover-color: var(--color-black);
123
+ --link-focus-color: rgba(var(--color-green-light), .9);
124
+ --link-disabled-color: rgba(var(--color-grey), .2);
125
+
126
+ // Transition Speed
127
+ --transition-slow: .2s;
128
+ --transition: .6s;
129
+ --transition-fast: 1s;
3
130
  }