ui.shipaid.com 0.2.13 → 0.2.14

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 (6) hide show
  1. package/README.md +3 -0
  2. package/dist/widget.es.js +3 -3
  3. package/dist/widget.iife.js +3 -3
  4. package/dist/widget.umd.js +3 -3
  5. package/dist-types/src/assets/learn-more-styles.d.ts +2 -0
  6. package/package.json +1 -1
package/README.md CHANGED
@@ -120,6 +120,9 @@ If you need to change any of the widget colors to suit a specific theme, there a
120
120
  |----------|-------------|---------|
121
121
  | `--shipaid-text` | Changes the global text color. | `#000000` |
122
122
  | `--shipaid-text-muted` | Changes the global muted text color. | `#aaaaaa` |
123
+ | `--shipaid-prompt-margin` | Changes the margins of the main container element. | `2rem 0px 4rem auto` |
124
+ | `--shipaid-prompt-width` | Changes the width of the main container element. | `400px` |
125
+ | `--shipaid-prompt-width-mobile` | Changes the mobile width of the main container element. | `100%` |
123
126
  | `--shipaid-prompt-actions-price-color` | Changes the color of the price element. | `var(--shipaid-text-muted)` |
124
127
  | `--shipaid-prompt-actions-button-color` | Changes the color of the add/remove button element. | `var(--shipaid-primary)` |
125
128
  | `--shipaid-prompt-badge-background-color` | Changes the background color of the learn more button element. | `var(--shipaid-light-grey)` |
package/dist/widget.es.js CHANGED
@@ -913,17 +913,17 @@ const styles = i$1`
913
913
 
914
914
  /* Widget */
915
915
  .shipaid-prompt {
916
- width: 400px;
916
+ width: var(--shipaid-prompt-width, 400px);
917
917
  max-width: 100%;
918
918
  display: flex;
919
919
  flex-direction: column;
920
920
  gap: 1rem;
921
- margin: 2rem 0px 4rem auto;
921
+ margin: var(--shipaid-prompt-margin, 2rem 0px 4rem auto);
922
922
  }
923
923
 
924
924
  @media (max-width: 600px) {
925
925
  .shipaid-prompt {
926
- width: 100%;
926
+ width: var(--shipaid-prompt-width-mobile, 100%);
927
927
  }
928
928
  }
929
929
 
package/dist/widget.iife.js CHANGED
@@ -273,17 +273,17 @@ function ht(t,e,i){return t?e():null==i?void 0:i()}const ct=h`
273
273
 
274
274
  /* Widget */
275
275
  .shipaid-prompt {
276
- width: 400px;
276
+ width: var(--shipaid-prompt-width, 400px);
277
277
  max-width: 100%;
278
278
  display: flex;
279
279
  flex-direction: column;
280
280
  gap: 1rem;
281
- margin: 2rem 0px 4rem auto;
281
+ margin: var(--shipaid-prompt-margin, 2rem 0px 4rem auto);
282
282
  }
283
283
 
284
284
  @media (max-width: 600px) {
285
285
  .shipaid-prompt {
286
- width: 100%;
286
+ width: var(--shipaid-prompt-width-mobile, 100%);
287
287
  }
288
288
  }
289
289
 
package/dist/widget.umd.js CHANGED
@@ -273,17 +273,17 @@ function ht(t,e,i){return t?e():null==i?void 0:i()}const ct=h`
273
273
 
274
274
  /* Widget */
275
275
  .shipaid-prompt {
276
- width: 400px;
276
+ width: var(--shipaid-prompt-width, 400px);
277
277
  max-width: 100%;
278
278
  display: flex;
279
279
  flex-direction: column;
280
280
  gap: 1rem;
281
- margin: 2rem 0px 4rem auto;
281
+ margin: var(--shipaid-prompt-margin, 2rem 0px 4rem auto);
282
282
  }
283
283
 
284
284
  @media (max-width: 600px) {
285
285
  .shipaid-prompt {
286
- width: 100%;
286
+ width: var(--shipaid-prompt-width-mobile, 100%);
287
287
  }
288
288
  }
289
289
 
package/dist-types/src/assets/learn-more-styles.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const styles: import("lit").CSSResult;
2
+ export default styles;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ui.shipaid.com",
3
3
  "private": false,
4
- "version": "0.2.13",
4
+ "version": "0.2.14",
5
5
  "type": "module",
6
6
  "main": "dist/widget.umd.js",
7
7
  "unpkg": "dist/widget.iife.js",