@godaddy/gd-commerce-storefront 0.3.0 → 0.4.0
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.
- package/README.md +51 -2
- package/dist/index.d.ts +120 -7
- package/dist/index.js +516 -243
- package/dist/styles.css +63 -3
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
/*! tailwindcss v4.1.15 | MIT License | https://tailwindcss.com */
|
|
2
2
|
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
|
|
3
3
|
.commerce-storefront *, .commerce-storefront ::before, .commerce-storefront ::after, .commerce-storefront ::backdrop {
|
|
4
|
+
--tw-translate-x: 0;
|
|
5
|
+
--tw-translate-y: 0;
|
|
6
|
+
--tw-translate-z: 0;
|
|
4
7
|
--tw-space-y-reverse: 0;
|
|
5
8
|
--tw-divide-y-reverse: 0;
|
|
6
9
|
--tw-border-style: solid;
|
|
@@ -121,6 +124,9 @@
|
|
|
121
124
|
white-space: nowrap;
|
|
122
125
|
border-width: 0;
|
|
123
126
|
}
|
|
127
|
+
.commerce-storefront .pointer-events-none {
|
|
128
|
+
pointer-events: none;
|
|
129
|
+
}
|
|
124
130
|
.commerce-storefront .sr-only {
|
|
125
131
|
position: absolute;
|
|
126
132
|
width: 1px;
|
|
@@ -132,9 +138,18 @@
|
|
|
132
138
|
white-space: nowrap;
|
|
133
139
|
border-width: 0;
|
|
134
140
|
}
|
|
141
|
+
.commerce-storefront .absolute {
|
|
142
|
+
position: absolute;
|
|
143
|
+
}
|
|
135
144
|
.commerce-storefront .fixed {
|
|
136
145
|
position: fixed;
|
|
137
146
|
}
|
|
147
|
+
.commerce-storefront .relative {
|
|
148
|
+
position: relative;
|
|
149
|
+
}
|
|
150
|
+
.commerce-storefront .static {
|
|
151
|
+
position: static;
|
|
152
|
+
}
|
|
138
153
|
.commerce-storefront .sticky {
|
|
139
154
|
position: sticky;
|
|
140
155
|
}
|
|
@@ -144,21 +159,33 @@
|
|
|
144
159
|
.commerce-storefront .inset-y-0 {
|
|
145
160
|
inset-block: calc(var(--spacing) * 0);
|
|
146
161
|
}
|
|
162
|
+
.commerce-storefront .top-1\/2 {
|
|
163
|
+
top: calc(1/2 * 100%);
|
|
164
|
+
}
|
|
147
165
|
.commerce-storefront .right-0 {
|
|
148
166
|
right: calc(var(--spacing) * 0);
|
|
149
167
|
}
|
|
168
|
+
.commerce-storefront .right-3 {
|
|
169
|
+
right: calc(var(--spacing) * 3);
|
|
170
|
+
}
|
|
150
171
|
.commerce-storefront .z-40 {
|
|
151
172
|
z-index: 40;
|
|
152
173
|
}
|
|
153
174
|
.commerce-storefront .z-50 {
|
|
154
175
|
z-index: 50;
|
|
155
176
|
}
|
|
177
|
+
.commerce-storefront .col-span-2 {
|
|
178
|
+
grid-column: span 2 / span 2;
|
|
179
|
+
}
|
|
156
180
|
.commerce-storefront .my-4 {
|
|
157
181
|
margin-block: calc(var(--spacing) * 4);
|
|
158
182
|
}
|
|
159
183
|
.commerce-storefront .my-8 {
|
|
160
184
|
margin-block: calc(var(--spacing) * 8);
|
|
161
185
|
}
|
|
186
|
+
.commerce-storefront .-mt-4 {
|
|
187
|
+
margin-top: calc(var(--spacing) * -4);
|
|
188
|
+
}
|
|
162
189
|
.commerce-storefront .mt-1 {
|
|
163
190
|
margin-top: calc(var(--spacing) * 1);
|
|
164
191
|
}
|
|
@@ -180,9 +207,6 @@
|
|
|
180
207
|
.commerce-storefront .mt-auto {
|
|
181
208
|
margin-top: auto;
|
|
182
209
|
}
|
|
183
|
-
.commerce-storefront .mb-0 {
|
|
184
|
-
margin-bottom: calc(var(--spacing) * 0);
|
|
185
|
-
}
|
|
186
210
|
.commerce-storefront .mb-2 {
|
|
187
211
|
margin-bottom: calc(var(--spacing) * 2);
|
|
188
212
|
}
|
|
@@ -207,6 +231,9 @@
|
|
|
207
231
|
.commerce-storefront .grid {
|
|
208
232
|
display: grid;
|
|
209
233
|
}
|
|
234
|
+
.commerce-storefront .hidden {
|
|
235
|
+
display: none;
|
|
236
|
+
}
|
|
210
237
|
.commerce-storefront .inline-flex {
|
|
211
238
|
display: inline-flex;
|
|
212
239
|
}
|
|
@@ -237,6 +264,9 @@
|
|
|
237
264
|
.commerce-storefront .w-2\/3 {
|
|
238
265
|
width: calc(2/3 * 100%);
|
|
239
266
|
}
|
|
267
|
+
.commerce-storefront .w-4 {
|
|
268
|
+
width: calc(var(--spacing) * 4);
|
|
269
|
+
}
|
|
240
270
|
.commerce-storefront .w-20 {
|
|
241
271
|
width: calc(var(--spacing) * 20);
|
|
242
272
|
}
|
|
@@ -273,6 +303,13 @@
|
|
|
273
303
|
.commerce-storefront .shrink-0 {
|
|
274
304
|
flex-shrink: 0;
|
|
275
305
|
}
|
|
306
|
+
.commerce-storefront .-translate-y-1\/2 {
|
|
307
|
+
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
|
|
308
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
309
|
+
}
|
|
310
|
+
.commerce-storefront .appearance-none {
|
|
311
|
+
appearance: none;
|
|
312
|
+
}
|
|
276
313
|
.commerce-storefront .grid-cols-1 {
|
|
277
314
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
278
315
|
}
|
|
@@ -501,6 +538,9 @@
|
|
|
501
538
|
.commerce-storefront .pt-8 {
|
|
502
539
|
padding-top: calc(var(--spacing) * 8);
|
|
503
540
|
}
|
|
541
|
+
.commerce-storefront .pr-10 {
|
|
542
|
+
padding-right: calc(var(--spacing) * 10);
|
|
543
|
+
}
|
|
504
544
|
.commerce-storefront .pb-10 {
|
|
505
545
|
padding-bottom: calc(var(--spacing) * 10);
|
|
506
546
|
}
|
|
@@ -632,6 +672,11 @@
|
|
|
632
672
|
outline-width: 2px;
|
|
633
673
|
}
|
|
634
674
|
}
|
|
675
|
+
.commerce-storefront .focus-visible\:-outline-offset-4 {
|
|
676
|
+
&:focus-visible {
|
|
677
|
+
outline-offset: calc(4px * -1);
|
|
678
|
+
}
|
|
679
|
+
}
|
|
635
680
|
.commerce-storefront .focus-visible\:outline-offset-2 {
|
|
636
681
|
&:focus-visible {
|
|
637
682
|
outline-offset: 2px;
|
|
@@ -814,6 +859,21 @@
|
|
|
814
859
|
line-height: var(--tw-leading, var(--text-6xl--line-height));
|
|
815
860
|
}
|
|
816
861
|
}
|
|
862
|
+
@property --tw-translate-x {
|
|
863
|
+
syntax: "*";
|
|
864
|
+
inherits: false;
|
|
865
|
+
initial-value: 0;
|
|
866
|
+
}
|
|
867
|
+
@property --tw-translate-y {
|
|
868
|
+
syntax: "*";
|
|
869
|
+
inherits: false;
|
|
870
|
+
initial-value: 0;
|
|
871
|
+
}
|
|
872
|
+
@property --tw-translate-z {
|
|
873
|
+
syntax: "*";
|
|
874
|
+
inherits: false;
|
|
875
|
+
initial-value: 0;
|
|
876
|
+
}
|
|
817
877
|
@property --tw-space-y-reverse {
|
|
818
878
|
syntax: "*";
|
|
819
879
|
inherits: false;
|