@decisiv/ui-components 2.0.1-alpha.97 → 2.0.1-alpha.99

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 (7) hide show
  1. package/lib/atoms/BooleanInput/elements.d.ts.map +1 -1
  2. package/lib/atoms/BooleanInput/elements.js +8 -3
  3. package/lib/atoms/BooleanInput/index.d.ts.map +1 -1
  4. package/lib/atoms/BooleanInput/index.js +8 -4
  5. package/lib/atoms/BooleanInput/types.d.ts +2 -0
  6. package/lib/atoms/BooleanInput/types.d.ts.map +1 -1
  7. package/package.json +2 -2
package/lib/atoms/BooleanInput/elements.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"elements.d.ts","sourceRoot":"","sources":["../../../src/atoms/BooleanInput/elements.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,eAAO,MAAM,WAAW,oEAYvB,CAAC;AAEF,eAAO,MAAM,cAAc,oEAI1B,CAAC;AAEF,eAAO,MAAM,SAAS,2EA4DrB,CAAC"}
1
+ {"version":3,"file":"elements.d.ts","sourceRoot":"","sources":["../../../src/atoms/BooleanInput/elements.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,eAAO,MAAM,WAAW,oEAYvB,CAAC;AAEF,eAAO,MAAM,cAAc,oEAI1B,CAAC;AAEF,eAAO,MAAM,SAAS,2EAoErB,CAAC"}
package/lib/atoms/BooleanInput/elements.js CHANGED
@@ -9,12 +9,14 @@ var _toColorString = _interopRequireDefault(require("polished/lib/color/toColorS
9
9
 
10
10
  var _rem = _interopRequireDefault(require("polished/lib/helpers/rem"));
11
11
 
12
- var _styledComponents = _interopRequireDefault(require("styled-components"));
12
+ var _styledComponents = _interopRequireWildcard(require("styled-components"));
13
13
 
14
14
  var _designTokens = require("@decisiv/design-tokens");
15
15
 
16
16
  var _modifiers = require("./modifiers");
17
17
 
18
+ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
19
+
18
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
21
 
20
22
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { keys.push.apply(keys, Object.getOwnPropertySymbols(object)); } if (enumerableOnly) keys = keys.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); return keys; }
@@ -40,8 +42,11 @@ exports.RadioCheckMark = RadioCheckMark;
40
42
  var Container = _styledComponents.default.div.withConfig({
41
43
  displayName: "elements__Container",
42
44
  componentId: "sc-1ktbvi9-2"
43
- })(["align-items:flex-start;display:flex;flex-direction:column;justify-items:center;position:relative;input{&[type='checkbox'],&[type='radio']{box-sizing:border-box;padding:0;}clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;width:1px;&:focus + label ", "{border-color:", ";box-shadow:inset 0 0 0 2px ", ";}&:checked + label ", " > *{visibility:visible;}}label{display:flex;align-items:center;&:hover ", "{border-color:", ";}}", " > *{color:", ";}label span{line-height:1.4;margin-left:", ";}label + *{margin-top:", ";}", ";", ";", ";", ";"], StyledInput, (0, _toColorString.default)(_designTokens.color.interaction.pacificOcean), (0, _toColorString.default)(_objectSpread({}, _designTokens.color.interaction.pacificOcean, {
45
+ })(["align-items:flex-start;display:flex;flex-direction:column;justify-items:center;position:relative;input{&[type='checkbox'],&[type='radio']{box-sizing:border-box;padding:0;}clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;width:1px;&:focus + label ", "{border-color:", ";box-shadow:inset 0 0 0 2px ", ";}&:checked + label ", " > *{visibility:visible;}", "}label{display:flex;align-items:center;&:hover ", "{border-color:", ";}}", " > *{color:", ";}label span{line-height:1.4;margin-left:", ";}label + *{margin-top:", ";}", ";", ";", ";", ";"], StyledInput, (0, _toColorString.default)(_designTokens.color.interaction.pacificOcean), (0, _toColorString.default)(_objectSpread({}, _designTokens.color.interaction.pacificOcean, {
44
46
  alpha: 0.4
45
- })), StyledInput, StyledInput, (0, _toColorString.default)(_designTokens.color.interaction.indianOcean), StyledInput, (0, _toColorString.default)(_designTokens.color.interaction.pacificOcean), (0, _rem.default)(10), (0, _rem.default)(10), _modifiers.typeModifiers, _modifiers.sizeModifiers, _modifiers.statusModifiers, _modifiers.disabledModifiers);
47
+ })), StyledInput, function (_ref) {
48
+ var indeterminate = _ref.indeterminate;
49
+ return indeterminate && (0, _styledComponents.css)(["& + label ", " > *{visibility:visible;}"], StyledInput);
50
+ }, StyledInput, (0, _toColorString.default)(_designTokens.color.interaction.indianOcean), StyledInput, (0, _toColorString.default)(_designTokens.color.interaction.pacificOcean), (0, _rem.default)(10), (0, _rem.default)(10), _modifiers.typeModifiers, _modifiers.sizeModifiers, _modifiers.statusModifiers, _modifiers.disabledModifiers);
46
51
 
47
52
  exports.Container = Container;
package/lib/atoms/BooleanInput/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/BooleanInput/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAKZ,sBAAsB,EACvB,MAAM,OAAO,CAAC;AAaf,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE9C,cAAc,SAAS,CAAC;AAsGxB,QAAA,MAAM,mBAAmB,EAAE,sBAAsB,CAC/C,YAAY,EACZ,KAAK,CACqB,CAAC;AAE7B,eAAe,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/BooleanInput/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAKZ,sBAAsB,EACvB,MAAM,OAAO,CAAC;AAcf,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE9C,cAAc,SAAS,CAAC;AA4GxB,QAAA,MAAM,mBAAmB,EAAE,sBAAsB,CAC/C,YAAY,EACZ,KAAK,CACqB,CAAC;AAE7B,eAAe,mBAAmB,CAAC"}
package/lib/atoms/BooleanInput/index.js CHANGED
@@ -10,6 +10,8 @@ var _react = _interopRequireWildcard(require("react"));
10
10
 
11
11
  var _Check = _interopRequireDefault(require("@decisiv/iconix/lib/components/Check"));
12
12
 
13
+ var _Minus = _interopRequireDefault(require("@decisiv/iconix/lib/components/Minus"));
14
+
13
15
  var _Message = _interopRequireDefault(require("../../components/Message"));
14
16
 
15
17
  var _Tooltip = _interopRequireDefault(require("../../components/Tooltip"));
@@ -63,9 +65,10 @@ var BooleanInput = function BooleanInput(props, ref) {
63
65
  size = props.size,
64
66
  status = props.status,
65
67
  inputRef = props.inputRef,
68
+ indeterminate = props.indeterminate,
66
69
  providedType = props.type,
67
70
  warningMessage = props.warningMessage,
68
- rest = _objectWithoutProperties(props, ["aria-describedby", "className", "disabled", "id", "required", "requiredMessage", "label", "readOnly", "size", "status", "inputRef", "type", "warningMessage"]);
71
+ rest = _objectWithoutProperties(props, ["aria-describedby", "className", "disabled", "id", "required", "requiredMessage", "label", "readOnly", "size", "status", "inputRef", "indeterminate", "type", "warningMessage"]);
69
72
 
70
73
  var type = !validTypes.includes(providedType) ? 'checkbox' : providedType;
71
74
  var uuid = (0, _useUniqueId.default)(id, 'input-');
@@ -73,8 +76,8 @@ var BooleanInput = function BooleanInput(props, ref) {
73
76
  return (label || '').trim();
74
77
  }, [label]);
75
78
  var Mark = (0, _react.useMemo)(function () {
76
- return marks[type];
77
- }, [type]);
79
+ return indeterminate && type === 'checkbox' ? _Minus.default : marks[type];
80
+ }, [type, indeterminate]);
78
81
  var translate = (0, _useTranslations.default)();
79
82
  var requiredMessage = translate(requiredMessageProp, 'textField.requiredMessage');
80
83
  var warningMessageId = (0, _useUniqueId.default)(undefined, 'input-warning-', [warningMessage]);
@@ -85,7 +88,8 @@ var BooleanInput = function BooleanInput(props, ref) {
85
88
  ref: ref,
86
89
  size: size,
87
90
  status: status,
88
- warningMessage: warningMessage
91
+ warningMessage: warningMessage,
92
+ indeterminate: indeterminate
89
93
  }, _react.default.createElement("input", _extends({}, rest, {
90
94
  "aria-describedby": warningMessage ? "".concat(ariaDescribedBy || '', " ").concat(warningMessageId) : ariaDescribedBy,
91
95
  required: required,
package/lib/atoms/BooleanInput/types.d.ts CHANGED
@@ -14,6 +14,7 @@ export interface Props extends BaseProps {
14
14
  size?: 'normal' | 'small';
15
15
  status?: 'normal' | 'warning';
16
16
  type: 'checkbox' | 'radio';
17
+ indeterminate?: boolean;
17
18
  value?: string | number;
18
19
  warningMessage?: string;
19
20
  }
@@ -23,6 +24,7 @@ export interface Modifiers {
23
24
  size?: 'normal' | 'small';
24
25
  status?: 'normal' | 'warning';
25
26
  warningMessage?: string;
27
+ indeterminate?: boolean;
26
28
  }
27
29
  export {};
28
30
  //# sourceMappingURL=types.d.ts.map
package/lib/atoms/BooleanInput/types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atoms/BooleanInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEtD,oBAAY,QAAQ,GAAG,gBAAgB,CAAC;AACxC,oBAAY,YAAY,GAAG,cAAc,CAAC;AAE1C,aAAK,SAAS,GAAG,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC;AAEjE,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,GAAG,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,CAAC;IACxB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC9B,IAAI,EAAE,UAAU,GAAG,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,SAAS;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atoms/BooleanInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEtD,oBAAY,QAAQ,GAAG,gBAAgB,CAAC;AACxC,oBAAY,YAAY,GAAG,cAAc,CAAC;AAE1C,aAAK,SAAS,GAAG,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC;AAEjE,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,GAAG,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,CAAC;IACxB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC9B,IAAI,EAAE,UAAU,GAAG,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,SAAS;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@decisiv/ui-components",
3
- "version": "2.0.1-alpha.97+e8c90c8",
3
+ "version": "2.0.1-alpha.99+a88c744",
4
4
  "description": "Decisiv's design system React components",
5
5
  "author": "Decisiv UI Development Team",
6
6
  "license": "MIT",
@@ -71,5 +71,5 @@
71
71
  "access": "public"
72
72
  },
73
73
  "private": false,
74
- "gitHead": "e8c90c851847fdda5d1dbc8339d962d4bf79d185"
74
+ "gitHead": "a88c744ce58ee89b23cca693bab8efda3fabf452"
75
75
  }