merchi_cart 0.0.2-q → 0.0.2-s

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/lib/styles/styles/globals.css +191 -0
  2. package/lib/styles/styles/globals.css.map +1 -0
  3. package/package.json +4 -3
package/lib/styles/styles/globals.css ADDED
@@ -0,0 +1,191 @@
1
+ .merchi-cart-body {
2
+ display: block;
3
+ align-items: center;
4
+ display: flex;
5
+ justify-content: center;
6
+ min-height: 100px;
7
+ height: 450px;
8
+ }
9
+
10
+ .merchi-loading-container {
11
+ display: flex;
12
+ flex-direction: column;
13
+ align-items: center;
14
+ justify-content: center;
15
+ height: var(--bs-height-md, 100px);
16
+ }
17
+
18
+ .merchi-loading-container-text {
19
+ font-size: 1.2rem;
20
+ font-weight: bold;
21
+ text-align: center;
22
+ }
23
+
24
+ .merchi-payment-gateway-inactive {
25
+ height: 300px;
26
+ background: url("../assets/merchi-swipe-outline.png");
27
+ background-repeat: no-repeat;
28
+ background-position: center center;
29
+ background-size: 276px 215px;
30
+ margin-top: 100px;
31
+ }
32
+
33
+ .merchi-tab-panel {
34
+ display: none;
35
+ padding: 1rem;
36
+ }
37
+
38
+ .merchi-cart-tab-content {
39
+ padding: 15px;
40
+ }
41
+
42
+ .merchi-cart-tab-content > .merchi-cart-tab-panel {
43
+ display: none;
44
+ }
45
+
46
+ .merchi-cart-tab-content > .active {
47
+ display: block;
48
+ }
49
+
50
+ .merchi-cart-clear-container {
51
+ display: flex;
52
+ justify-content: center;
53
+ align-items: center;
54
+ }
55
+
56
+ .merchi-cart-clear-text {
57
+ font-size: 16px;
58
+ margin-top: 3rem;
59
+ margin-bottom: 3rem;
60
+ }
61
+
62
+ .merchi-cart-item-table-head {
63
+ border: none;
64
+ background-color: #f8f9fa;
65
+ padding: 0.5rem;
66
+ padding-left: 0.75rem;
67
+ padding-right: 0.75rem;
68
+ text-transform: uppercase;
69
+ }
70
+
71
+ .merchi-cart-item-table-head-right {
72
+ border: none;
73
+ background-color: #f8f9fa;
74
+ padding: 0.5rem;
75
+ padding-left: 0.75rem;
76
+ padding-right: 0.75rem;
77
+ text-transform: uppercase;
78
+ text-align: right;
79
+ }
80
+
81
+ .merchi-cart-success-message {
82
+ font-size: 16px;
83
+ padding-bottom: 4rem;
84
+ padding-top: 4rem;
85
+ }
86
+
87
+ /* Merchi checkout */
88
+ .merchi-row {
89
+ display: flex;
90
+ flex-direction: column;
91
+ }
92
+
93
+ @media (min-width: 768px) {
94
+ .merchi-row {
95
+ flex-direction: row;
96
+ }
97
+ .merchi-column {
98
+ width: 50%;
99
+ padding-right: 10px;
100
+ }
101
+ .merchi-column:last-child {
102
+ padding-left: 10px;
103
+ padding-right: 0;
104
+ }
105
+ }
106
+ .merchi-collapse {
107
+ display: none;
108
+ }
109
+
110
+ .merchi-collapse.show {
111
+ display: block;
112
+ }
113
+
114
+ .merchi-nav {
115
+ display: flex;
116
+ flex-wrap: wrap;
117
+ padding-left: 0;
118
+ margin-bottom: 0;
119
+ list-style: none;
120
+ }
121
+
122
+ .merchi-nav-link {
123
+ cursor: pointer;
124
+ display: block;
125
+ padding: 0.5rem 1rem;
126
+ }
127
+
128
+ .merchi-nav-link:hover, .merchi-nav-link:focus {
129
+ text-decoration: none;
130
+ }
131
+
132
+ .merchi-nav-link.disabled {
133
+ color: #6c757d;
134
+ pointer-events: none;
135
+ cursor: default;
136
+ }
137
+
138
+ .merchi-nav-tabs {
139
+ border-bottom: 1px solid #dee2e6;
140
+ }
141
+
142
+ .merchi-nav-tabs .merchi-nav-item {
143
+ margin-bottom: -1px;
144
+ }
145
+
146
+ .merchi-nav-tabs .merchi-nav-link {
147
+ border: 1px solid transparent;
148
+ border-top-left-radius: 0.25rem;
149
+ border-top-right-radius: 0.25rem;
150
+ }
151
+
152
+ .merchi-nav-tabs .merchi-nav-link:hover, .merchi-nav-tabs .merchi-nav-link:focus {
153
+ border-color: #e9ecef #e9ecef #dee2e6;
154
+ }
155
+
156
+ .merchi-nav-tabs .merchi-nav-link.disabled {
157
+ color: #6c757d;
158
+ background-color: transparent;
159
+ border-color: transparent;
160
+ }
161
+
162
+ .merchi-nav-tabs .merchi-nav-link.active,
163
+ .merchi-nav-tabs .merchi-nav-item.show .merchi-nav-link {
164
+ color: #495057;
165
+ background-color: #fff;
166
+ border-color: #dee2e6 #dee2e6 #fff;
167
+ }
168
+
169
+ .merchi-nav-pills .merchi-nav-link {
170
+ border-radius: 0.25rem;
171
+ }
172
+
173
+ .merchi-nav-pills .merchi-nav-link.active,
174
+ .merchi-nav-pills .show > .merchi-nav-link {
175
+ color: #fff;
176
+ background-color: #007bff;
177
+ }
178
+
179
+ .merchi-nav-fill .merchi-nav-item {
180
+ flex: 1 1 auto;
181
+ text-align: center;
182
+ }
183
+
184
+ .merchi-no-cart-items {
185
+ display: flex;
186
+ justify-content: center;
187
+ align-content: center;
188
+ height: 450px;
189
+ }
190
+
191
+ /*# sourceMappingURL=globals.css.map */
package/lib/styles/styles/globals.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/styles/globals.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;AACA;EACE;EACA;;;AAGF;EACE;IACE;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA","file":"globals.css"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "merchi_cart",
3
- "version": "0.0.2-q",
3
+ "version": "0.0.2-s",
4
4
  "description": "Merchi's cart",
5
5
  "main": "lib/index.js",
6
6
  "module": "src/index.tsx",
@@ -8,9 +8,9 @@
8
8
  "typings": "index.d.ts",
9
9
  "type": "module",
10
10
  "scripts": {
11
- "build": "tsc && yarn copy-assets",
11
+ "build": "tsc && yarn copy-assets && yarn sass",
12
12
  "copy-assets": "copyfiles -u 1 src/assets/**/* lib",
13
- "sass": "sass --watch src:lib/styles",
13
+ "sass": "sass src:lib/styles && sass src:src",
14
14
  "start": "react-scripts start",
15
15
  "test": "react-scripts test",
16
16
  "eject": "react-scripts eject"
@@ -75,6 +75,7 @@
75
75
  "@stripe/stripe-js": "^2.1.6",
76
76
  "@types/moment-timezone": "^0.5.30",
77
77
  "@types/node": "^20.11.5",
78
+ "babel-plugin-import-css-to-jss": "^3.1.1",
78
79
  "browser-or-node": "^3.0.0-pre.0",
79
80
  "eslint": "8.47.0",
80
81
  "eslint-config-next": "13.4.16",