@sellout/ui 0.0.102 → 0.0.104

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 (5) hide show
  1. package/build/components/CodeInput.js +1 -1
  2. package/build/components/Dropdown.js +1 -1
  3. package/build/components/Label.js +1 -1
  4. package/build/components/Product.js +2 -2
  5. 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/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.104",
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.104",
60
+ "@sellout/utils": "^0.0.104",
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": "9408866a768d7f332dce7d2bfbc07b8057ff78f3",
74
74
  "peerDependencies": {
75
75
  "react": "^16.13.0",
76
76
  "react-dom": "^16.13.0",