@sellout/ui 0.0.102 → 0.0.103

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/build/components/CodeInput.js +1 -1
  2. package/build/components/Dropdown.js +1 -1
  3. package/build/components/Icon.d.ts +0 -5
  4. package/build/components/Label.js +1 -1
  5. package/build/components/Product.js +2 -2
  6. package/package.json +4 -4
package/build/components/CodeInput.js CHANGED
@@ -4,7 +4,7 @@ import React, { useState } from 'react';
4
4
  import styled from 'styled-components';
5
5
 
6
6
  var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([" \n margin: ", ";\n"], [" \n margin: ", ";\n"])), function (props) { return props.margin; });
7
- var Input = styled.input(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border: 2px solid ", ";\n height: 70px;\n width: 55px;\n border-radius: 10px;\n background-color: white;\n transition: all 0.1s;\n margin-right: 10px;\n outline: 0px;\n font-size: 24px;\n text-align: center;\n padding: 0px;\n box-shadow: none;\n -moz-appearance: textfield;\n\n &:focus {\n border: 2px solid ", ";\n }\n"], ["\n border: 2px solid ", ";\n height: 70px;\n width: 55px;\n border-radius: 10px;\n background-color: white;\n transition: all 0.1s;\n margin-right: 10px;\n outline: 0px;\n font-size: 24px;\n text-align: center;\n padding: 0px;\n box-shadow: none;\n -moz-appearance: textfield;\n\n &:focus {\n border: 2px solid ", ";\n }\n"])), Colors.Grey5, Colors.Grey1);
7
+ var Input = styled.input(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border: 2px solid ", ";\n height: 70px;\n width: 55px;\n border-radius: 10px;\n background-color: white;\n transition: all 0.1s;\n margin-right: 10px;\n outline: 0px;\n font-size: 24px;\n text-align: center;\n padding: 0px;\n box-shadow: none;\n -moz-appearance: textfield;\n\n &:focus {\n border: 2px solid ", ";\n }\n\n &::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n"], ["\n border: 2px solid ", ";\n height: 70px;\n width: 55px;\n border-radius: 10px;\n background-color: white;\n transition: all 0.1s;\n margin-right: 10px;\n outline: 0px;\n font-size: 24px;\n text-align: center;\n padding: 0px;\n box-shadow: none;\n -moz-appearance: textfield;\n\n &:focus {\n border: 2px solid ", ";\n }\n\n &::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n"])), Colors.Grey5, Colors.Grey1);
8
8
  var CodeInput = function (_a) {
9
9
  var onChange = _a.onChange, onComplete = _a.onComplete, _b = _a.length, length = _b === void 0 ? 4 : _b;
10
10
  var _c = useState(new Array(length).fill('')), value = _c[0], setValue = _c[1];
package/build/components/Dropdown.js CHANGED
@@ -8,7 +8,7 @@ import Label from './Label.js';
8
8
  import Flex from './Flex.js';
9
9
 
10
10
  var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n height: 65px;\n width: ", ";\n"], ["\n position: relative;\n height: 65px;\n width: ", ";\n"])), function (props) { return props.width; });
11
- var FieldContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: absolute;\n height: ", ";\n width: ", ";\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 10px;\n transition: all 0.2s;\n z-index: ", ";\n box-shadow: ", ";\n overflow: hidden;\n outline: none;\n\n &:hover {\n cursor: pointer;\n border: 1px solid ", ";\n }\n\n &:focus {\n border: 1px solid ", ";\n }\n"], ["\n position: absolute;\n height: ", ";\n width: ", ";\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 10px;\n transition: all 0.2s;\n z-index: ", ";\n box-shadow: ",
11
+ var FieldContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: absolute;\n height: ", ";\n width: ", ";\n background-color: ", ";\n border: 1px solid ", ";\n box-sizing: border-box;\n border-radius: 8px;\n transition: all 0.2s;\n z-index: ", ";\n box-shadow: ", ";\n overflow: hidden;\n outline: none;\n\n &:hover {\n cursor: pointer;\n border: 1px solid ", ";\n }\n\n &:focus {\n border: 1px solid ", ";\n }\n"], ["\n position: absolute;\n height: ", ";\n width: ", ";\n background-color: ", ";\n border: 1px solid ", ";\n box-sizing: border-box;\n border-radius: 8px;\n transition: all 0.2s;\n z-index: ", ";\n box-shadow: ",
12
12
  ";\n overflow: hidden;\n outline: none;\n\n &:hover {\n cursor: pointer;\n border: 1px solid ", ";\n }\n\n &:focus {\n border: 1px solid ", ";\n }\n"])), function (props) { return (props.open ? props.height : "38px"); }, function (props) { return props.width; }, Colors.White, Colors.Grey5, function (props) { return (props.open ? 100 : 0); }, function (props) {
13
13
  return props.open ? "0px 4px 16px rgba(0, 0, 0, 0.05)" : "";
14
14
  }, darken(0.05, Colors.Grey5), Colors.Grey4);
package/build/components/Icon.d.ts CHANGED
@@ -19,7 +19,6 @@ export declare const Icons: {
19
19
  CheckLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
20
20
  ClipboardLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
21
21
  CopyLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
22
- CreditCardFrontLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
23
22
  EditLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
24
23
  EnvelopeLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
25
24
  EnvelopeOpenRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -116,7 +115,6 @@ export declare const Icons: {
116
115
  UpgradeRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
117
116
  UsersRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
118
117
  VerticalEllipsisRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
119
- WarningRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
120
118
  AngleDownSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
121
119
  AngleUpSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
122
120
  AudienceSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -177,17 +175,14 @@ export declare const Icons: {
177
175
  VenueSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
178
176
  Warning: import("@fortawesome/fontawesome-common-types").IconDefinition;
179
177
  CalendarRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
180
- ChatRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
181
178
  Clock: import("@fortawesome/fontawesome-common-types").IconDefinition;
182
179
  CopyRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
183
180
  Edit: import("@fortawesome/fontawesome-common-types").IconDefinition;
184
181
  EyeRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
185
182
  EyeSlashRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
186
183
  Help: import("@fortawesome/fontawesome-common-types").IconDefinition;
187
- HelpRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
188
184
  SadTear: import("@fortawesome/fontawesome-common-types").IconDefinition;
189
185
  UserRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
190
- CreditCardBackLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
191
186
  };
192
187
  export declare type IconProps = {
193
188
  icon: any;
package/build/components/Label.js CHANGED
@@ -8,7 +8,7 @@ var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplat
8
8
  var Text = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n font-size: 1.2rem;\n font-weight: 600;\n color: ", ";\n margin-right: 7px;\n"], ["\n font-size: 1.2rem;\n font-weight: 600;\n color: ", ";\n margin-right: 7px;\n"])), Colors.Grey1);
9
9
  var SubText = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), Colors.Grey3);
10
10
  var Label = function (_a) {
11
- var text = _a.text, subText = _a.subText, tip = _a.tip, _b = _a.margin, margin = _b === void 0 ? '0 0 10px' : _b;
11
+ var text = _a.text, subText = _a.subText, tip = _a.tip, _b = _a.margin, margin = _b === void 0 ? '0 0 8px' : _b;
12
12
  return (React.createElement(Container, { margin: margin },
13
13
  React.createElement(Text, null,
14
14
  text,
package/build/components/Product.js CHANGED
@@ -11,7 +11,7 @@ var Row = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObjec
11
11
  var Column = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
12
12
  var Container = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: ", ";\n margin: 0 24px;\n padding: 24px 0;\n border-bottom: 1px solid ", ";\n"], ["\n background-color: ", ";\n margin: 0 24px;\n padding: 24px 0;\n border-bottom: 1px solid ", ";\n"])), Colors.White, Colors.Grey6);
13
13
  var Title = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-size: 1.8rem;\n color: ", ";\n font-weight: 600;\n margin-bottom: 5px;\n"], ["\n font-size: 1.8rem;\n color: ", ";\n font-weight: 600;\n margin-bottom: 5px;\n"])), Colors.Grey1);
14
- var Price = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-size: 1.4rem;\n font-weight: 500;\n color: ", ";\n margin-bottom: 5px;\n"], ["\n font-size: 1.4rem;\n font-weight: 500;\n color: ", ";\n margin-bottom: 5px;\n"])), Colors.Grey2);
14
+ var Price = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-size: 1.6rem;\n font-weight: 500;\n color: ", ";\n margin-bottom: 5px;\n"], ["\n font-size: 1.6rem;\n font-weight: 500;\n color: ", ";\n margin-bottom: 5px;\n"])), Colors.Grey2);
15
15
  var Subtitle = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 160%;\n color: ", ";\n"], ["\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 160%;\n color: ", ";\n"])), Colors.Grey3);
16
16
  var Description = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 160%;\n color: ", ";\n margin-top: 10px;\n"], ["\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 160%;\n color: ", ";\n margin-top: 10px;\n"])), Colors.Grey2);
17
17
  var Ellipsis = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n -webkit-box-orient: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n"], ["\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n -webkit-box-orient: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n"])), function (props) { return props.active ? 3 : null; }, function (props) { return props.active ? 'vertical' : null; });
@@ -34,7 +34,7 @@ function Product(_a) {
34
34
  React.createElement(Row, { justify: "space-between" },
35
35
  React.createElement(Column, null,
36
36
  React.createElement(Title, null, title),
37
- React.createElement(Price, null, isRSVP ? 'RSVP' : "$" + output(price))),
37
+ React.createElement(Price, null, isRSVP ? 'RSVP' : "$" + output(price, true))),
38
38
  React.createElement(Counter, { value: value, minValue: minValue, maxValue: maxValue, onIncrement: onIncrement, onDecrement: onDecrement })),
39
39
  React.createElement(Row, null, subtitle && React.createElement(Subtitle, null, subtitle)),
40
40
  (function () {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sellout/ui",
3
- "version": "0.0.102",
3
+ "version": "0.0.103",
4
4
  "main": "build/index.js",
5
5
  "module": "build/index.es.js",
6
6
  "files": [
@@ -56,8 +56,8 @@
56
56
  "@hapi/joi": "^17.1.1",
57
57
  "@react-pdf/primitives": "^2.0.0-beta.11",
58
58
  "@react-pdf/renderer": "^2.0.0-beta.14",
59
- "@sellout/models": "^0.0.102",
60
- "@sellout/utils": "^0.0.102",
59
+ "@sellout/models": "^0.0.103",
60
+ "@sellout/utils": "^0.0.103",
61
61
  "@types/escape-html": "^1.0.0",
62
62
  "@types/hapi__joi": "^16.0.12",
63
63
  "@types/react-pdf": "^4.0.6",
@@ -70,7 +70,7 @@
70
70
  "rollup-plugin-url": "^3.0.1",
71
71
  "shortid": "^2.2.15"
72
72
  },
73
- "gitHead": "478c606fa93f1a790b5f4309986a8228101ad188",
73
+ "gitHead": "0c1afc9ea9aede2d2c2e038f3d24688a657e6bc3",
74
74
  "peerDependencies": {
75
75
  "react": "^16.13.0",
76
76
  "react-dom": "^16.13.0",