@omniumretail/shared-resources 0.3.34 → 0.3.36

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 +124 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@omniumretail/shared-resources",
3
- "version": "0.3.34",
3
+ "version": "0.3.36",
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,124 @@
1
- :root {
2
- --primary-color: purple;
3
- }
1
+ body.a2aiStyle {
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: lightgreen;
42
+ --color-orange-rgb: 255, 103, 76;
43
+
44
+ --color-blue: #09168B;
45
+ --color-blue-rgb: 9, 22, 139;
46
+
47
+ --color-grey-light: #D9D9D9;
48
+ --color-grey-light-rgb: 217, 217, 217;
49
+ --color-grey: #C7CAC9;
50
+ --color-grey-rgb: 199, 202, 201;
51
+ --color-grey-dark: #797979;
52
+ --color-grey-dark-rgb: 121, 121, 121;
53
+
54
+ // Helper Colors
55
+ --color-warning-400: #E36262;
56
+ --color-warning-500: #E05151;
57
+
58
+ --color-confirmation-400: #73b9a2;
59
+ --color-confirmation-600: #64B298;
60
+
61
+ /*** Font Styles ***/
62
+ // Font Family
63
+ --font-family-primary: SF Pro;
64
+
65
+ // Font Weight
66
+ --font-weight-light: 300;
67
+ --font-weight-regular: 400;
68
+ --font-weight-medium: 500;
69
+ --font-weight-semibold: 600;
70
+ --font-weight-bold: 700;
71
+
72
+ // Font Styles
73
+ --font-style-normal: normal;
74
+ --font-style-italic: italic;
75
+
76
+ // Font Sizes
77
+ --font-size-body-1: 10px;
78
+ --font-size-body-2: 12px;
79
+ --font-size-body-3: 14px;
80
+ --font-size-body-4: 16px;
81
+ --font-size-body-5: 18px;
82
+ --font-size-body-6: 20px;
83
+
84
+ --font-size-h1: 46px;
85
+ --font-size-h2: 40px;
86
+ --font-size-h3: 36px;
87
+ --font-size-h4: 30px;
88
+ --font-size-h5: 24px;
89
+
90
+ --font-size-body-base: var(--font-size-body-4);
91
+ --font-size-label: var(--font-size-body-3);
92
+
93
+ /*** CTAs ***/
94
+ // Button Default
95
+ --button-default-background: var(--color-orange);
96
+ --button-default-text-color: var(--color-white);
97
+ --button-default-background-hover-color: rgba(var(--color-orange-rgb), .9);
98
+ --button-default-text-hover-color: var(--color-white);
99
+ --button-default-background-focus-color: var(--color-grey-dark);
100
+ --button-default-text-focus-color: rgba(var(--color-white-rgb), .8);
101
+
102
+ // Button Style 1
103
+ --button-style-1-background: var(--color-black);
104
+ --button-style-1-text-color: var(--color-white);
105
+ --button-style-1-background-hover-color: rgba(var(--color-black-rgb), .9);
106
+ --button-style-1-text-hover-color: var(--color-white);
107
+ --button-style-1-background-focus-color: var(--color-grey-dark);
108
+ --button-style-1-text-focus-color: rgba(var(--color-white-rgb), .8);
109
+
110
+ // Button Disabled
111
+ --button-disabled-background-color: var(--color-grey-dark);
112
+ --button-disabled-default-text-color: var(--color-white);
113
+
114
+ // Link
115
+ --link-color: var(--color-orange);
116
+ --link-hover-color: var(--color-black);
117
+ --link-focus-color: rgba(var(--color-orange), .9);
118
+ --link-disabled-color: rgba(var(--color-grey), .2);
119
+
120
+ // Transition Speed
121
+ --transition-slow: .2s;
122
+ --transition: .6s;
123
+ --transition-fast: 1s;
124
+ }