@pedidopago/ui 1.3.2 → 1.3.3

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 (10) hide show
  1. package/dist/components/DateInput/styles.d.ts.map +1 -1
  2. package/dist/components/DateInput/styles.js +1 -1
  3. package/dist/components/Input/index.d.ts.map +1 -1
  4. package/dist/components/Input/index.js +10 -10
  5. package/dist/components/Input/styles.d.ts.map +1 -1
  6. package/dist/components/Input/styles.js +20 -16
  7. package/dist/components/Select/index.js +1 -1
  8. package/dist/components/Table/styles.d.ts.map +1 -1
  9. package/dist/components/Table/styles.js +1 -1
  10. package/package.json +1 -1
package/dist/components/DateInput/styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,kBAAkB;;;yGAO9B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qCAS/B,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,kBAAkB;;;yGAQ9B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qCAS/B,CAAC"}
package/dist/components/DateInput/styles.js CHANGED
@@ -23,7 +23,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
23
23
 
24
24
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
25
25
 
26
- var DateInputContainer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n\n input {\n cursor: pointer;\n caret-color: transparent;\n }\n"])));
26
+ var DateInputContainer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n position: relative;\n\n input {\n cursor: pointer;\n caret-color: transparent;\n }\n"])));
27
27
 
28
28
  exports.DateInputContainer = DateInputContainer;
29
29
  var DatePickerContainer = (0, _styled.default)(_framerMotion.motion.div)(function (_ref) {
package/dist/components/Input/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAKpB,MAAM,OAAO,CAAC;AAoBf,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,QAAA,MAAM,KAAK,sJA8FV,CAAC;AAGF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAKpB,MAAM,OAAO,CAAC;AAoBf,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,QAAA,MAAM,KAAK,sJA6FV,CAAC;AAGF,eAAe,KAAK,CAAC"}
package/dist/components/Input/index.js CHANGED
@@ -101,6 +101,16 @@ var Input = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
101
101
  children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.InputLabel, {
102
102
  hasDisabled: disabled,
103
103
  children: label
104
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Fieldset, {
105
+ "aria-hidden": true,
106
+ hasDisabled: disabled,
107
+ withAddon: withAddon,
108
+ alert: alert,
109
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Legend, {
110
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.LegendText, {
111
+ children: label
112
+ })
113
+ })
104
114
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.InputContentRow, {
105
115
  children: [withIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.InputIcon, {
106
116
  children: withIcon
@@ -129,16 +139,6 @@ var Input = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
129
139
  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
130
140
  name: "eye-off"
131
141
  })
132
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Fieldset, {
133
- "aria-hidden": true,
134
- hasDisabled: disabled,
135
- withAddon: withAddon,
136
- alert: alert,
137
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Legend, {
138
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.LegendText, {
139
- children: label
140
- })
141
- })
142
142
  })]
143
143
  })]
144
144
  })]
package/dist/components/Input/styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Input/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAGlD,eAAO,MAAM,iBAAiB;;;;;;yGA4I7B,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGASvB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;yGAKxB,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAK3B,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;yGAarB,CAAC;AAEF,eAAO,MAAM,KAAK;;;+HA2BjB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;kHAgBtB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;2HAyCpB,CAAC;AAEF,eAAO,MAAM,MAAM;;;+GAQlB,CAAC;AAEF,eAAO,MAAM,UAAU;;;2GAItB,CAAC;AAEF,eAAO,MAAM,UAAU;;;wHAUtB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;yGAyCxB,CAAC;AAEF,eAAO,MAAM,YAAY;;;2GAOxB,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Input/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAGlD,eAAO,MAAM,iBAAiB;;;;;;yGA4I7B,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGASvB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;yGAKxB,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAK3B,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;yGAarB,CAAC;AAEF,eAAO,MAAM,KAAK;;;+HA+BjB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;kHAgBtB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;2HAyCpB,CAAC;AAEF,eAAO,MAAM,MAAM;;;+GAQlB,CAAC;AAEF,eAAO,MAAM,UAAU;;;2GAItB,CAAC;AAEF,eAAO,MAAM,UAAU;;;wHAUtB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;yGAyCxB,CAAC;AAEF,eAAO,MAAM,YAAY;;;2GAOxB,CAAC"}
package/dist/components/Input/styles.js CHANGED
@@ -52,8 +52,9 @@ var InputGroupElement = _styled.default.div(_templateObject || (_templateObject
52
52
 
53
53
  return theme.colors.primary.hover;
54
54
  }, function (_ref3) {
55
- var theme = _ref3.theme;
56
- return theme.colors.neutral.neutral5;
55
+ var theme = _ref3.theme,
56
+ hasDisabled = _ref3.hasDisabled;
57
+ return !hasDisabled && theme.colors.neutral.neutral5;
57
58
  }, function (props) {
58
59
  return !props.alert && props.withAddon && props.theme.colors.primary.disabled;
59
60
  }, function (props) {
@@ -131,18 +132,21 @@ var InputIcon = _styled.default.div(_templateObject6 || (_templateObject6 = _tag
131
132
  }, function (props) {
132
133
  return props.clickable ? 'pointer' : 'default';
133
134
  }, function (props) {
134
- return props.theme.colorMode === 'dark' ? props.theme.colors.neutral.white : props.theme.colors.neutral.black;
135
+ return props.theme.colorMode === 'dark' ? props.theme.colors.neutral.white : props.theme.colors.neutral.neutral5;
135
136
  });
136
137
 
137
138
  exports.InputIcon = InputIcon;
138
139
 
139
- var Input = _styled.default.input(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n width: 100%;\n padding: ", ";\n flex: 1;\n height: 100%;\n border: none;\n color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n\n font-family: inherit;\n outline: none;\n font-size: ", ";\n background-color: transparent;\n position: relative;\n"])), function (props) {
140
+ var Input = _styled.default.input(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n width: 100%;\n padding: ", ";\n flex: 1;\n height: 100%;\n border: none;\n color: ", ";\n &:disabled {\n color: ", ";\n }\n\n &::placeholder {\n color: ", ";\n }\n\n font-family: inherit;\n outline: none;\n font-size: ", ";\n background-color: transparent;\n position: relative;\n font-weight: 500;\n"])), function (props) {
140
141
  return props.withIcon ? props.hiddenContent ? '0 0' : '0 20px 0 0' : props.hiddenContent ? '0 0 0 20px' : '0 20px';
141
142
  }, function (props) {
142
143
  return props.theme.colorMode === 'dark' ? props.theme.colors.neutral.white : props.theme.colors.neutral.black;
143
144
  }, function (_ref7) {
144
145
  var theme = _ref7.theme;
145
146
  return theme.colors.neutral.neutral5;
147
+ }, function (_ref8) {
148
+ var theme = _ref8.theme;
149
+ return theme.colors.neutral.neutral5;
146
150
  }, function (props) {
147
151
  return props.theme.fontSizes.xs;
148
152
  });
@@ -157,10 +161,10 @@ var InputLabel = _styled.default.label(_templateObject8 || (_templateObject8 = _
157
161
 
158
162
  exports.InputLabel = InputLabel;
159
163
 
160
- var Fieldset = _styled.default.fieldset(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n margin: 0;\n top: 0;\n pointer-events: none;\n padding: 0 17px;\n overflow: hidden;\n\n background-color: ", ";\n\n border-radius: ", ";\n border: 2px solid\n ", ";\n border-left: ", ";\n\n transition: all 0.2s ease;\n"])), function (_ref8) {
161
- var alert = _ref8.alert,
162
- theme = _ref8.theme,
163
- hasDisabled = _ref8.hasDisabled;
164
+ var Fieldset = _styled.default.fieldset(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n margin: 0;\n top: 0;\n pointer-events: none;\n padding: 0 17px;\n overflow: hidden;\n\n background-color: ", ";\n\n border-radius: ", ";\n border: 2px solid\n ", ";\n border-left: ", ";\n\n transition: all 0.2s ease;\n"])), function (_ref9) {
165
+ var alert = _ref9.alert,
166
+ theme = _ref9.theme,
167
+ hasDisabled = _ref9.hasDisabled;
164
168
 
165
169
  if (alert && !hasDisabled) {
166
170
  return "".concat(theme.colors[alert].blurred, "33");
@@ -173,10 +177,10 @@ var Fieldset = _styled.default.fieldset(_templateObject9 || (_templateObject9 =
173
177
  return 'transparent';
174
178
  }, function (props) {
175
179
  return props.withAddon ? "0 ".concat(props.theme.borderRadius.default, " ").concat(props.theme.borderRadius.default, " 0") : props.theme.borderRadius.default;
176
- }, function (_ref9) {
177
- var theme = _ref9.theme,
178
- hasDisabled = _ref9.hasDisabled,
179
- alert = _ref9.alert;
180
+ }, function (_ref10) {
181
+ var theme = _ref10.theme,
182
+ hasDisabled = _ref10.hasDisabled,
183
+ alert = _ref10.alert;
180
184
 
181
185
  if (alert && !hasDisabled) {
182
186
  return theme.colors[alert].default;
@@ -224,10 +228,10 @@ var AddonElement = _styled.default.div(_templateObject13 || (_templateObject13 =
224
228
  light: props.theme.colors.neutral.neutral1,
225
229
  dark: props.theme.colors.neutral.neutral6
226
230
  }[props.theme.colorMode];
227
- }, function (_ref10) {
228
- var theme = _ref10.theme,
229
- hasDisabled = _ref10.hasDisabled,
230
- alert = _ref10.alert;
231
+ }, function (_ref11) {
232
+ var theme = _ref11.theme,
233
+ hasDisabled = _ref11.hasDisabled,
234
+ alert = _ref11.alert;
231
235
 
232
236
  if (alert && !hasDisabled) {
233
237
  return theme.colors[alert].default;
package/dist/components/Select/index.js CHANGED
@@ -113,7 +113,7 @@ var Select = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
113
113
 
114
114
  return c.value === ((_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.value);
115
115
  });
116
- if (optionIndex > 0) selectOption(optionIndex);
116
+ if (optionIndex >= 0) selectOption(optionIndex);
117
117
  }
118
118
  });
119
119
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
package/dist/components/Table/styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Table/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,eAAO,MAAM,WAAW;;;uIAoGtB,CAAC;AAEH,eAAO,MAAM,cAAc;;;yGAG1B,CAAC;AAEF,eAAO,MAAM,aAAa;;;0IAmExB,CAAC;AAEH,eAAO,MAAM,eAAe;;;yGAE3B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;0IAiBhC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;yGAiB7B,CAAC;AAEF,eAAO,MAAM,eAAe;;;8HA6B3B,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Table/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,eAAO,MAAM,WAAW;;;uIAqGtB,CAAC;AAEH,eAAO,MAAM,cAAc;;;yGAG1B,CAAC;AAEF,eAAO,MAAM,aAAa;;;0IAmExB,CAAC;AAEH,eAAO,MAAM,eAAe;;;yGAE3B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;0IAiBhC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;yGAiB7B,CAAC;AAEF,eAAO,MAAM,eAAe;;;8HA6B3B,CAAC"}
package/dist/components/Table/styles.js CHANGED
@@ -17,7 +17,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
17
17
 
18
18
  var StyledTable = _styled.default.table(function (props) {
19
19
  var theme = props.theme;
20
- return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n border-spacing: 0px;\n\n & > thead {\n & > tr {\n height: 64px;\n\n & > th {\n background: hsla(156, 13%, 92%, 0.5);\n border-top: 1px solid\n ", ";\n border-bottom: 1px solid\n ", ";\n padding-left: 16px;\n padding-right: 16px;\n text-align: left;\n\n &:first-of-type {\n border-left: 1px solid\n ", ";\n border-radius: 8px 0px 0px 0px;\n }\n\n &:last-child {\n border-right: 1px solid\n ", ";\n border-radius: 0px 8px 0px 0px;\n }\n }\n }\n }\n\n & > tbody {\n tr {\n height: 64px;\n &:nth-child(even) {\n background: hsla(150, 16%, 97%, 0.75);\n }\n &:not(:last-child) {\n & > td {\n border-bottom: 1px solid\n ", ";\n }\n }\n\n &:hover {\n & > td {\n background: ", ";\n\n &:first-of-type {\n border-radius: 4px 0px 0px 4px;\n }\n\n &:last-child {\n border-radius: 0px 4px 4px 0px;\n }\n }\n }\n\n &:focus {\n outline: 2px solid ", ";\n border-radius: 4px;\n }\n\n &[data-selected='true'] {\n & > td {\n background: ", ";\n }\n }\n\n & > td {\n padding-left: 16px;\n padding-right: 16px;\n\n text-align: left;\n\n color: ", ";\n }\n }\n }\n "])), {
20
+ return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n border-spacing: 0px;\n\n & > thead {\n & > tr {\n height: 64px;\n\n & > th {\n background: hsla(156, 13%, 92%, 0.5);\n border-top: 1px solid\n ", ";\n border-bottom: 1px solid\n ", ";\n padding-left: 16px;\n padding-right: 16px;\n text-align: left;\n\n &:first-of-type {\n border-left: 1px solid\n ", ";\n border-radius: 8px 0px 0px 0px;\n }\n\n &:last-child {\n border-right: 1px solid\n ", ";\n border-radius: 0px 8px 0px 0px;\n }\n }\n }\n }\n\n & > tbody {\n tr {\n height: 64px;\n &:nth-child(even) {\n background: hsla(150, 16%, 97%, 0.75);\n }\n &:not(:last-child) {\n & > td {\n border-bottom: 1px solid\n ", ";\n }\n }\n\n &:hover {\n & > td {\n background: ", ";\n\n &:first-of-type {\n border-radius: 4px 0px 0px 4px;\n }\n\n &:last-child {\n border-radius: 0px 4px 4px 0px;\n }\n }\n }\n\n &:focus {\n outline: 2px solid ", ";\n border-radius: 4px;\n }\n\n &[data-selected='true'] {\n & > td {\n background: ", ";\n }\n }\n\n & > td {\n padding-left: 16px;\n padding-right: 16px;\n\n text-align: left;\n\n color: ", ";\n }\n }\n }\n "])), {
21
21
  dark: theme.colors.neutral.neutral5,
22
22
  light: theme.colors.neutral.neutral2
23
23
  }[theme.colorMode], {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pedidopago/ui",
3
- "version": "1.3.2",
3
+ "version": "1.3.3",
4
4
  "description": "Quick build beatiful Pedido Pago apps",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",