@proprioo/salatim 23.6.0 → 24.0.0

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 (39) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/lib/date/src/datePicker/DatePicker.d.ts +2 -7
  3. package/lib/date/src/datePicker/DatePicker.js +7 -15
  4. package/lib/date/src/datePicker/DatePicker.js.map +1 -1
  5. package/lib/date/src/datePicker/DatePicker.test.js +0 -1
  6. package/lib/date/src/datePicker/DatePicker.test.js.map +1 -1
  7. package/lib/index.js +156 -154
  8. package/lib/index.js.map +1 -1
  9. package/lib/ui/index.d.ts +1 -3
  10. package/lib/ui/index.js +3 -7
  11. package/lib/ui/index.js.map +1 -1
  12. package/lib/ui/src/blockCheckIcon/BlockCheckIcon.js +1 -1
  13. package/lib/ui/src/blockCheckIcon/BlockCheckIcon.js.map +1 -1
  14. package/lib/ui/src/blockCheckIcon/BlockCheckIcon.styles.js +7 -5
  15. package/lib/ui/src/blockCheckIcon/BlockCheckIcon.styles.js.map +1 -1
  16. package/lib/ui/src/checkbox/Checkbox.d.ts +7 -2
  17. package/lib/ui/src/checkbox/Checkbox.js +10 -6
  18. package/lib/ui/src/checkbox/Checkbox.js.map +1 -1
  19. package/lib/ui/src/checkbox/Checkbox.stories.js +5 -1
  20. package/lib/ui/src/checkbox/Checkbox.stories.js.map +1 -1
  21. package/lib/ui/src/checkbox/Checkbox.styles.d.ts +6 -1
  22. package/lib/ui/src/checkbox/Checkbox.styles.js +36 -7
  23. package/lib/ui/src/checkbox/Checkbox.styles.js.map +1 -1
  24. package/package.json +1 -1
  25. package/lib/ui/src/panel/Panel.d.ts +0 -4
  26. package/lib/ui/src/panel/Panel.interfaces.d.ts +0 -17
  27. package/lib/ui/src/panel/Panel.interfaces.js +0 -19
  28. package/lib/ui/src/panel/Panel.interfaces.js.map +0 -1
  29. package/lib/ui/src/panel/Panel.js +0 -13
  30. package/lib/ui/src/panel/Panel.js.map +0 -1
  31. package/lib/ui/src/panel/Panel.stories.d.ts +0 -1
  32. package/lib/ui/src/panel/Panel.stories.js +0 -19
  33. package/lib/ui/src/panel/Panel.stories.js.map +0 -1
  34. package/lib/ui/src/panel/Panel.styles.d.ts +0 -2
  35. package/lib/ui/src/panel/Panel.styles.js +0 -48
  36. package/lib/ui/src/panel/Panel.styles.js.map +0 -1
  37. package/lib/ui/src/panel/PanelColors.d.ts +0 -30
  38. package/lib/ui/src/panel/PanelColors.js +0 -35
  39. package/lib/ui/src/panel/PanelColors.js.map +0 -1
package/lib/ui/index.d.ts CHANGED
@@ -17,7 +17,7 @@ export { default as BlockCheckIcon } from './src/blockCheckIcon/BlockCheckIcon';
17
17
  export { default as BlockIcon } from './src/blockIcon/BlockIcon';
18
18
  export { default as Card, CardProps, CardHeaderIconSize } from './src/card/Card';
19
19
  export { ButtonAppearance, ButtonTheme, ButtonSizes, IconPosition } from './src/button/Button.interfaces';
20
- export { default as Checkbox } from './src/checkbox/Checkbox';
20
+ export { default as Checkbox, CheckboxSize } from './src/checkbox/Checkbox';
21
21
  export { default as DateInput, isValidDate } from './src/dateInput/DateInput';
22
22
  export { default as EmailInput } from './src/emailInput/EmailInput';
23
23
  export { EmailInputProps, EmailInputI18nLabelProps } from './src/emailInput/EmailInput.interfaces';
@@ -25,8 +25,6 @@ export { default as Fieldset, FieldsetProps } from './src/fieldset/Fieldset';
25
25
  export { default as GmapsAutocomplete, GmapsAutocompleteProps } from './src/gmapsAutoComplete/GmapsAutocomplete';
26
26
  export { default as GmapsGeocode, GmapsGeocodeProps } from './src/gmapsGeocode/GmapsGeocode';
27
27
  export { default as useModal, ModalProps, RenderModalProps } from './src/modal/Modal';
28
- export { default as Panel } from './src/panel/Panel';
29
- export { PanelProps, PanelColorsTypes, PanelOrientation } from './src/panel/Panel.interfaces';
30
28
  export { SuggestionItem } from './src/gmapsSuggestions/GmapsSuggestions';
31
29
  export { default as Logo } from './src/logo/Logo';
32
30
  export { InputType } from './src/input/Input';
package/lib/ui/index.js CHANGED
@@ -3,8 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.Option = exports.Toggle = exports.titles = exports.H6 = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.Radio = exports.NumberInput = exports.Loader = exports.InputLoading = exports.InputColors = exports.Input = exports.InputType = exports.Logo = exports.PanelOrientation = exports.PanelColorsTypes = exports.Panel = exports.useModal = exports.GmapsGeocode = exports.GmapsAutocomplete = exports.Fieldset = exports.EmailInput = exports.isValidDate = exports.DateInput = exports.Checkbox = exports.IconPosition = exports.ButtonSizes = exports.ButtonTheme = exports.ButtonAppearance = exports.CardHeaderIconSize = exports.Card = exports.BlockIcon = exports.BlockCheckIcon = exports.ButtonRadioGroup = exports.Button = exports.Burger = exports.Block = exports.Autocomplete = exports.AgentCard = exports.AgentBanner = exports.AccordionPanel = exports.AccordionHeader = exports.AccordionItem = exports.Accordion = exports.AccordionItemColors = exports.geocodeByAddress = exports.PlacesAutocomplete = void 0;
7
- exports.Select = exports.Tooltip = exports.TextToggle = exports.Textarea = exports.TagBase = exports.Tag = exports.TagColorsTypes = exports.TagAppearance = exports.Subtitle = void 0;
6
+ exports.TagAppearance = exports.Subtitle = exports.Option = exports.Toggle = exports.titles = exports.H6 = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.Radio = exports.NumberInput = exports.Loader = exports.InputLoading = exports.InputColors = exports.Input = exports.InputType = exports.Logo = exports.useModal = exports.GmapsGeocode = exports.GmapsAutocomplete = exports.Fieldset = exports.EmailInput = exports.isValidDate = exports.DateInput = exports.CheckboxSize = exports.Checkbox = exports.IconPosition = exports.ButtonSizes = exports.ButtonTheme = exports.ButtonAppearance = exports.CardHeaderIconSize = exports.Card = exports.BlockIcon = exports.BlockCheckIcon = exports.ButtonRadioGroup = exports.Button = exports.Burger = exports.Block = exports.Autocomplete = exports.AgentCard = exports.AgentBanner = exports.AccordionPanel = exports.AccordionHeader = exports.AccordionItem = exports.Accordion = exports.AccordionItemColors = exports.geocodeByAddress = exports.PlacesAutocomplete = void 0;
7
+ exports.Select = exports.Tooltip = exports.TextToggle = exports.Textarea = exports.TagBase = exports.Tag = exports.TagColorsTypes = void 0;
8
8
  var react_places_autocomplete_1 = require("react-places-autocomplete");
9
9
  Object.defineProperty(exports, "PlacesAutocomplete", { enumerable: true, get: function () { return __importDefault(react_places_autocomplete_1).default; } });
10
10
  Object.defineProperty(exports, "geocodeByAddress", { enumerable: true, get: function () { return react_places_autocomplete_1.geocodeByAddress; } });
@@ -46,6 +46,7 @@ Object.defineProperty(exports, "ButtonSizes", { enumerable: true, get: function
46
46
  Object.defineProperty(exports, "IconPosition", { enumerable: true, get: function () { return Button_interfaces_1.IconPosition; } });
47
47
  var Checkbox_1 = require("./src/checkbox/Checkbox");
48
48
  Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return __importDefault(Checkbox_1).default; } });
49
+ Object.defineProperty(exports, "CheckboxSize", { enumerable: true, get: function () { return Checkbox_1.CheckboxSize; } });
49
50
  var DateInput_1 = require("./src/dateInput/DateInput");
50
51
  Object.defineProperty(exports, "DateInput", { enumerable: true, get: function () { return __importDefault(DateInput_1).default; } });
51
52
  Object.defineProperty(exports, "isValidDate", { enumerable: true, get: function () { return DateInput_1.isValidDate; } });
@@ -59,11 +60,6 @@ var GmapsGeocode_1 = require("./src/gmapsGeocode/GmapsGeocode");
59
60
  Object.defineProperty(exports, "GmapsGeocode", { enumerable: true, get: function () { return __importDefault(GmapsGeocode_1).default; } });
60
61
  var Modal_1 = require("./src/modal/Modal");
61
62
  Object.defineProperty(exports, "useModal", { enumerable: true, get: function () { return __importDefault(Modal_1).default; } });
62
- var Panel_1 = require("./src/panel/Panel");
63
- Object.defineProperty(exports, "Panel", { enumerable: true, get: function () { return __importDefault(Panel_1).default; } });
64
- var Panel_interfaces_1 = require("./src/panel/Panel.interfaces");
65
- Object.defineProperty(exports, "PanelColorsTypes", { enumerable: true, get: function () { return Panel_interfaces_1.PanelColorsTypes; } });
66
- Object.defineProperty(exports, "PanelOrientation", { enumerable: true, get: function () { return Panel_interfaces_1.PanelOrientation; } });
67
63
  var Logo_1 = require("./src/logo/Logo");
68
64
  Object.defineProperty(exports, "Logo", { enumerable: true, get: function () { return __importDefault(Logo_1).default; } });
69
65
  var Input_1 = require("./src/input/Input");
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../packages/ui/index.ts"],"names":[],"mappings":";;;;;;;AACA,uEAImC;AAHjC,gJAAA,OAAO,OAAsB;AAE7B,6HAAA,gBAAgB,OAAA;AAGlB,6EAK8C;AAF5C,2HAAA,mBAAmB,OAAA;AAGrB,uDAAiE;AAAxD,uHAAA,OAAO,OAAa;AAC7B,+DAAyE;AAAhE,+HAAA,OAAO,OAAiB;AACjC,mEAA6E;AAApE,mIAAA,OAAO,OAAmB;AACnC,iEAA2E;AAAlE,iIAAA,OAAO,OAAkB;AAClC,6DAAuE;AAA9D,2HAAA,OAAO,OAAe;AAC/B,uDAAiE;AAAxD,uHAAA,OAAO,OAAa;AAC7B,gEAA0E;AAAjE,6HAAA,OAAO,OAAgB;AAChC,2CAAiE;AAAxD,+GAAA,OAAO,OAAS;AACzB,8CAAqE;AAA5D,iHAAA,OAAO,OAAU;AAC1B,8CAAqE;AAA5D,iHAAA,OAAO,OAAU;AAC1B,4EAGiD;AAF/C,qIAAA,OAAO,OAAoB;AAG7B,sEAAgF;AAAvE,iIAAA,OAAO,OAAkB;AAClC,uDAAiE;AAAxD,uHAAA,OAAO,OAAa;AAC7B,wCAIyB;AAHvB,6GAAA,OAAO,OAAQ;AAEf,0GAAA,kBAAkB,OAAA;AAEpB,oEAKwC;AAJtC,qHAAA,gBAAgB,OAAA;AAChB,gHAAA,WAAW,OAAA;AACX,gHAAA,WAAW,OAAA;AACX,iHAAA,YAAY,OAAA;AAEd,oDAA8D;AAArD,qHAAA,OAAO,OAAY;AAC5B,uDAA8E;AAArE,uHAAA,OAAO,OAAa;AAAE,wGAAA,WAAW,OAAA;AAC1C,0DAAoE;AAA3D,yHAAA,OAAO,OAAc;AAK9B,oDAA6E;AAApE,qHAAA,OAAO,OAAY;AAC5B,+EAGmD;AAFjD,uIAAA,OAAO,OAAqB;AAG9B,gEAGyC;AAFvC,6HAAA,OAAO,OAAgB;AAGzB,2CAI2B;AAHzB,kHAAA,OAAO,OAAY;AAIrB,2CAAqD;AAA5C,+GAAA,OAAO,OAAS;AACzB,iEAIsC;AAFpC,oHAAA,gBAAgB,OAAA;AAChB,oHAAA,gBAAgB,OAAA;AAGlB,wCAAkD;AAAzC,6GAAA,OAAO,OAAQ;AACxB,2CAA8C;AAArC,kGAAA,SAAS,OAAA;AAClB,uDAImC;AAHjC,mHAAA,OAAO,OAAS;AAIlB,+DAA4D;AAAnD,4GAAA,WAAW,OAAA;AACpB,gEAA0E;AAAjE,6HAAA,OAAO,OAAgB;AAChC,8CAAqE;AAA5D,iHAAA,OAAO,OAAU;AAC1B,6DAAuE;AAA9D,2HAAA,OAAO,OAAe;AAC/B,2CAAqD;AAA5C,+GAAA,OAAO,OAAS;AACzB,qCAA+C;AAAtC,yGAAA,OAAO,OAAM;AACtB,qCAA+C;AAAtC,yGAAA,OAAO,OAAM;AACtB,qCAA+C;AAAtC,yGAAA,OAAO,OAAM;AACtB,qCAA+C;AAAtC,yGAAA,OAAO,OAAM;AACtB,qCAA+C;AAAtC,yGAAA,OAAO,OAAM;AACtB,qCAA+C;AAAtC,yGAAA,OAAO,OAAM;AACtB,2CAA2C;AAAlC,+FAAA,MAAM,OAAA;AACf,8CAAqE;AAA5D,iHAAA,OAAO,OAAU;AAC1B,8CAAqE;AAA5D,iHAAA,OAAO,OAAU;AAC1B,oDAA6E;AAApE,qHAAA,OAAO,OAAY;AAC5B,mDAA+E;AAAtE,2GAAA,aAAa,OAAA;AAAE,4GAAA,cAAc,OAAA;AACtC,qCAA+C;AAAtC,2GAAA,OAAO,OAAO;AACvB,mDAA+C;AAAtC,qGAAA,OAAO,OAAA;AAChB,oDAA8D;AAArD,qHAAA,OAAO,OAAY;AAC5B,0DAAoE;AAA3D,yHAAA,OAAO,OAAc;AAC9B,iDAA2D;AAAlD,mHAAA,OAAO,OAAW;AAC3B,mEAG2C;AAFzC,wHAAA,OAAO,OAAU"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../packages/ui/index.ts"],"names":[],"mappings":";;;;;;;AACA,uEAImC;AAHjC,gJAAA,OAAO,OAAsB;AAE7B,6HAAA,gBAAgB,OAAA;AAGlB,6EAK8C;AAF5C,2HAAA,mBAAmB,OAAA;AAGrB,uDAAiE;AAAxD,uHAAA,OAAO,OAAa;AAC7B,+DAAyE;AAAhE,+HAAA,OAAO,OAAiB;AACjC,mEAA6E;AAApE,mIAAA,OAAO,OAAmB;AACnC,iEAA2E;AAAlE,iIAAA,OAAO,OAAkB;AAClC,6DAAuE;AAA9D,2HAAA,OAAO,OAAe;AAC/B,uDAAiE;AAAxD,uHAAA,OAAO,OAAa;AAC7B,gEAA0E;AAAjE,6HAAA,OAAO,OAAgB;AAChC,2CAAiE;AAAxD,+GAAA,OAAO,OAAS;AACzB,8CAAqE;AAA5D,iHAAA,OAAO,OAAU;AAC1B,8CAAqE;AAA5D,iHAAA,OAAO,OAAU;AAC1B,4EAGiD;AAF/C,qIAAA,OAAO,OAAoB;AAG7B,sEAAgF;AAAvE,iIAAA,OAAO,OAAkB;AAClC,uDAAiE;AAAxD,uHAAA,OAAO,OAAa;AAC7B,wCAIyB;AAHvB,6GAAA,OAAO,OAAQ;AAEf,0GAAA,kBAAkB,OAAA;AAEpB,oEAKwC;AAJtC,qHAAA,gBAAgB,OAAA;AAChB,gHAAA,WAAW,OAAA;AACX,gHAAA,WAAW,OAAA;AACX,iHAAA,YAAY,OAAA;AAEd,oDAA4E;AAAnE,qHAAA,OAAO,OAAY;AAAE,wGAAA,YAAY,OAAA;AAC1C,uDAA8E;AAArE,uHAAA,OAAO,OAAa;AAAE,wGAAA,WAAW,OAAA;AAC1C,0DAAoE;AAA3D,yHAAA,OAAO,OAAc;AAK9B,oDAA6E;AAApE,qHAAA,OAAO,OAAY;AAC5B,+EAGmD;AAFjD,uIAAA,OAAO,OAAqB;AAG9B,gEAGyC;AAFvC,6HAAA,OAAO,OAAgB;AAGzB,2CAI2B;AAHzB,kHAAA,OAAO,OAAY;AAKrB,wCAAkD;AAAzC,6GAAA,OAAO,OAAQ;AACxB,2CAA8C;AAArC,kGAAA,SAAS,OAAA;AAClB,uDAImC;AAHjC,mHAAA,OAAO,OAAS;AAIlB,+DAA4D;AAAnD,4GAAA,WAAW,OAAA;AACpB,gEAA0E;AAAjE,6HAAA,OAAO,OAAgB;AAChC,8CAAqE;AAA5D,iHAAA,OAAO,OAAU;AAC1B,6DAAuE;AAA9D,2HAAA,OAAO,OAAe;AAC/B,2CAAqD;AAA5C,+GAAA,OAAO,OAAS;AACzB,qCAA+C;AAAtC,yGAAA,OAAO,OAAM;AACtB,qCAA+C;AAAtC,yGAAA,OAAO,OAAM;AACtB,qCAA+C;AAAtC,yGAAA,OAAO,OAAM;AACtB,qCAA+C;AAAtC,yGAAA,OAAO,OAAM;AACtB,qCAA+C;AAAtC,yGAAA,OAAO,OAAM;AACtB,qCAA+C;AAAtC,yGAAA,OAAO,OAAM;AACtB,2CAA2C;AAAlC,+FAAA,MAAM,OAAA;AACf,8CAAqE;AAA5D,iHAAA,OAAO,OAAU;AAC1B,8CAAqE;AAA5D,iHAAA,OAAO,OAAU;AAC1B,oDAA6E;AAApE,qHAAA,OAAO,OAAY;AAC5B,mDAA+E;AAAtE,2GAAA,aAAa,OAAA;AAAE,4GAAA,cAAc,OAAA;AACtC,qCAA+C;AAAtC,2GAAA,OAAO,OAAO;AACvB,mDAA+C;AAAtC,qGAAA,OAAO,OAAA;AAChB,oDAA8D;AAArD,qHAAA,OAAO,OAAY;AAC5B,0DAAoE;AAA3D,yHAAA,OAAO,OAAc;AAC9B,iDAA2D;AAAlD,mHAAA,OAAO,OAAW;AAC3B,mEAG2C;AAFzC,wHAAA,OAAO,OAAU"}
@@ -9,7 +9,7 @@ const BlockCheckIcon_styles_1 = require("./BlockCheckIcon.styles");
9
9
  const BlockCheckIcon = ({ onClick, image, checked, name, text, dataTest }) => {
10
10
  const labelId = `checkbox-input-label-${text}`;
11
11
  return (react_1.default.createElement(BlockCheckIcon_styles_1.Layout, Object.assign({}, { checked }, { "data-test": dataTest || `checkbox-button-${text}` }),
12
- react_1.default.createElement(BlockIcon_styles_1.InputLayout, Object.assign({}, name, { type: "checkbox", "aria-labelledby": labelId, checked: checked, onChange: event => onClick(event.target.checked) })),
12
+ react_1.default.createElement(BlockIcon_styles_1.InputLayout, Object.assign({}, { checked, name }, { "aria-labelledby": labelId, type: "checkbox", onChange: ({ target }) => onClick(target.checked) })),
13
13
  react_1.default.createElement(BlockCheckIcon_styles_1.IconLayout, null, image),
14
14
  react_1.default.createElement("span", { id: labelId }, text)));
15
15
  };
@@ -1 +1 @@
1
- {"version":3,"file":"BlockCheckIcon.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockCheckIcon/BlockCheckIcon.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAgD;AAEhD,oEAA4D;AAC5D,mEAA6D;AAW7D,MAAM,cAAc,GAA4B,CAAC,EAC/C,OAAO,EACP,KAAK,EACL,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,wBAAwB,IAAI,EAAE,CAAC;IAE/C,OAAO,CACL,8BAAC,8BAAM,oBAAK,EAAE,OAAO,EAAE,iBAAa,QAAQ,IAAI,mBAAmB,IAAI,EAAE;QACvE,8BAAC,8BAAW,oBACN,IAAI,IACR,IAAI,EAAC,UAAU,qBACE,OAAO,EACxB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAChD;QACF,8BAAC,kCAAU,QAAE,KAAK,CAAc;QAChC,wCAAM,EAAE,EAAE,OAAO,IAAG,IAAI,CAAQ,CACzB,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"BlockCheckIcon.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockCheckIcon/BlockCheckIcon.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAgD;AAEhD,oEAA4D;AAC5D,mEAA6D;AAW7D,MAAM,cAAc,GAA4B,CAAC,EAC/C,OAAO,EACP,KAAK,EACL,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,wBAAwB,IAAI,EAAE,CAAC;IAE/C,OAAO,CACL,8BAAC,8BAAM,oBAAK,EAAE,OAAO,EAAE,iBAAa,QAAQ,IAAI,mBAAmB,IAAI,EAAE;QACvE,8BAAC,8BAAW,oBACN,EAAE,OAAO,EAAE,IAAI,EAAE,uBACJ,OAAO,EACxB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,IACjD;QACF,8BAAC,kCAAU,QAAE,KAAK,CAAc;QAChC,wCAAM,EAAE,EAAE,OAAO,IAAG,IAAI,CAAQ,CACzB,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
@@ -69,12 +69,14 @@ exports.Layout = styled_components_1.default.label `
69
69
  }
70
70
  `};
71
71
 
72
- :hover {
73
- ${exports.IconLayout} {
74
- border-color: ${colors_1.default.orange.base};
72
+ @media (hover: hover) {
73
+ :hover {
74
+ ${exports.IconLayout} {
75
+ border-color: ${colors_1.default.orange.base};
75
76
 
76
- > svg {
77
- color: ${colors_1.default.orange.base};
77
+ > svg {
78
+ color: ${colors_1.default.orange.base};
79
+ }
78
80
  }
79
81
  }
80
82
  }
@@ -1 +1 @@
1
- {"version":3,"file":"BlockCheckIcon.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockCheckIcon/BlockCheckIcon.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,iFAAyD;AACzD,uEAA+C;AAC/C,+EAAuD;AACvD,uEAA+C;AAC/C,wDAA4D;AAE/C,QAAA,UAAU,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;YAIzB,IAAA,wBAAc,EAAC,CAAC,CAAC,UAAU,gBAAM,CAAC,IAAI,CAAC,MAAM;mBACtC,gBAAM,CAAC,OAAO;mBACd,IAAA,wBAAc,EAAC,CAAC,CAAC;;YAExB,IAAA,wBAAc,EAAC,EAAE,CAAC;WACnB,IAAA,wBAAc,EAAC,EAAE,CAAC;;;cAGf,IAAA,wBAAc,EAAC,EAAE,CAAC;aACnB,IAAA,wBAAc,EAAC,EAAE,CAAC;;;CAG9B,CAAC;AAEW,QAAA,MAAM,GAAG,2BAAM,CAAC,KAAK,CAEhC;IACE,oBAAU,CAAC,UAAU;;;;;;aAMZ,IAAA,wBAAc,EAAC,CAAC,CAAC;WACnB,gBAAM,CAAC,IAAI,CAAC,MAAM;;;kBAGX,IAAA,wBAAc,EAAC,EAAE,CAAC;;;IAGhC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAChB,OAAO;IACP,IAAA,uBAAG,EAAA;QACC,kBAAU;iBACD,gBAAM,CAAC,MAAM,CAAC,IAAI;;4BAEP,gBAAM,CAAC,MAAM,CAAC,KAAK;;KAE1C;;;MAGC,kBAAU;sBACM,gBAAM,CAAC,MAAM,CAAC,IAAI;;;iBAGvB,gBAAM,CAAC,MAAM,CAAC,IAAI;;;;;uBAKZ,qBAAW,CAAC,MAAM;eAC1B,IAAA,wBAAc,EAAC,EAAE,CAAC;;;sBAGX,IAAA,wBAAc,EAAC,EAAE,CAAC;;;CAGvC,CAAC"}
1
+ {"version":3,"file":"BlockCheckIcon.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockCheckIcon/BlockCheckIcon.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,iFAAyD;AACzD,uEAA+C;AAC/C,+EAAuD;AACvD,uEAA+C;AAC/C,wDAA4D;AAE/C,QAAA,UAAU,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;YAIzB,IAAA,wBAAc,EAAC,CAAC,CAAC,UAAU,gBAAM,CAAC,IAAI,CAAC,MAAM;mBACtC,gBAAM,CAAC,OAAO;mBACd,IAAA,wBAAc,EAAC,CAAC,CAAC;;YAExB,IAAA,wBAAc,EAAC,EAAE,CAAC;WACnB,IAAA,wBAAc,EAAC,EAAE,CAAC;;;cAGf,IAAA,wBAAc,EAAC,EAAE,CAAC;aACnB,IAAA,wBAAc,EAAC,EAAE,CAAC;;;CAG9B,CAAC;AAEW,QAAA,MAAM,GAAG,2BAAM,CAAC,KAAK,CAEhC;IACE,oBAAU,CAAC,UAAU;;;;;;aAMZ,IAAA,wBAAc,EAAC,CAAC,CAAC;WACnB,gBAAM,CAAC,IAAI,CAAC,MAAM;;;kBAGX,IAAA,wBAAc,EAAC,EAAE,CAAC;;;IAGhC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAChB,OAAO;IACP,IAAA,uBAAG,EAAA;QACC,kBAAU;iBACD,gBAAM,CAAC,MAAM,CAAC,IAAI;;4BAEP,gBAAM,CAAC,MAAM,CAAC,KAAK;;KAE1C;;;;QAIG,kBAAU;wBACM,gBAAM,CAAC,MAAM,CAAC,IAAI;;;mBAGvB,gBAAM,CAAC,MAAM,CAAC,IAAI;;;;;;uBAMd,qBAAW,CAAC,MAAM;eAC1B,IAAA,wBAAc,EAAC,EAAE,CAAC;;;sBAGX,IAAA,wBAAc,EAAC,EAAE,CAAC;;;CAGvC,CAAC"}
@@ -1,12 +1,17 @@
1
1
  import { FC } from 'react';
2
+ export declare enum CheckboxSize {
3
+ BIG = "big",
4
+ SMALL = "small"
5
+ }
2
6
  export interface CheckboxProps {
3
- label: string;
4
- id: string;
5
7
  checked: boolean;
6
8
  disabled: boolean;
9
+ id: string;
10
+ label: string;
7
11
  name: string;
8
12
  dataTest?: string;
9
13
  indeterminate?: boolean;
14
+ checkboxSize?: CheckboxSize;
10
15
  onChange(checked: boolean): void;
11
16
  }
12
17
  declare const Checkbox: FC<CheckboxProps>;
@@ -3,16 +3,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.CheckboxSize = void 0;
6
7
  const react_1 = __importDefault(require("react"));
7
8
  const hokkaido_1 = require("@proprioo/hokkaido");
8
9
  const Checkbox_styles_1 = require("./Checkbox.styles");
9
- const Checkbox = ({ label, id, checked, children, disabled, indeterminate = false, onChange, name, dataTest }) => {
10
+ var CheckboxSize;
11
+ (function (CheckboxSize) {
12
+ CheckboxSize["BIG"] = "big";
13
+ CheckboxSize["SMALL"] = "small";
14
+ })(CheckboxSize = exports.CheckboxSize || (exports.CheckboxSize = {}));
15
+ const Checkbox = ({ checkboxSize = CheckboxSize.SMALL, checked, children, dataTest, disabled, id, indeterminate = false, label, name, onChange }) => {
10
16
  const hash = `${id}-${name}`;
11
- return (react_1.default.createElement(Checkbox_styles_1.Layout, { "data-test": dataTest || `checkbox-${name}` },
12
- react_1.default.createElement(Checkbox_styles_1.CheckboxLayout, Object.assign({ "data-test": dataTest ? `checkbox-${dataTest}` : 'checkbox-input', type: "checkbox", id: hash, indeterminate: indeterminate, name: name, onChange: event => onChange(event.target.checked), checked: checked, disabled: disabled }, (Boolean(children) && { 'aria-label': label }))),
13
- react_1.default.createElement(Checkbox_styles_1.CheckboxLabelLayout, { "data-test": dataTest ? `checkbox-label-${dataTest}` : 'checkbox-label', hasLabel: (0, hokkaido_1.isNotEmpty)(label), htmlFor: hash }, children || (react_1.default.createElement(Checkbox_styles_1.StringLabel, { dangerouslySetInnerHTML: {
14
- __html: label
15
- } })))));
17
+ return (react_1.default.createElement(Checkbox_styles_1.Layout, Object.assign({}, { checkboxSize }, { "data-test": dataTest || `checkbox-${name}` }),
18
+ react_1.default.createElement(Checkbox_styles_1.CheckboxLayout, Object.assign({}, { checkboxSize, checked, disabled, indeterminate, name }, (Boolean(children) && { 'aria-label': label }), { "data-test": dataTest ? `checkbox-${dataTest}` : 'checkbox-input', id: hash, type: "checkbox", onChange: ({ target }) => onChange(target.checked) })),
19
+ react_1.default.createElement(Checkbox_styles_1.CheckboxLabelLayout, Object.assign({}, { checkboxSize }, { "data-test": dataTest ? `checkbox-label-${dataTest}` : 'checkbox-label', hasLabel: (0, hokkaido_1.isNotEmpty)(label), htmlFor: hash }), children || (react_1.default.createElement(Checkbox_styles_1.StringLabel, { dangerouslySetInnerHTML: { __html: label } })))));
16
20
  };
17
21
  exports.default = Checkbox;
18
22
  //# sourceMappingURL=Checkbox.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../packages/ui/src/checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAkC;AAElC,iDAAgD;AAEhD,uDAK2B;AAa3B,MAAM,QAAQ,GAAsB,CAAC,EACnC,KAAK,EACL,EAAE,EACF,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,aAAa,GAAG,KAAK,EACrB,QAAQ,EACR,IAAI,EACJ,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,GAAG,EAAE,IAAI,IAAI,EAAE,CAAC;IAE7B,OAAO,CACL,8BAAC,wBAAM,iBAAY,QAAQ,IAAI,YAAY,IAAI,EAAE;QAC/C,8BAAC,gCAAc,+BACF,QAAQ,CAAC,CAAC,CAAC,YAAY,QAAQ,EAAE,CAAC,CAAC,CAAC,gBAAgB,EAC/D,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,IAAI,EACR,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,EACjD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,IACd,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,EAClD;QACF,8BAAC,qCAAmB,iBACP,QAAQ,CAAC,CAAC,CAAC,kBAAkB,QAAQ,EAAE,CAAC,CAAC,CAAC,gBAAgB,EACrE,QAAQ,EAAE,IAAA,qBAAU,EAAC,KAAK,CAAC,EAC3B,OAAO,EAAE,IAAI,IAEZ,QAAQ,IAAI,CACX,8BAAC,6BAAW,IACV,uBAAuB,EAAE;gBACvB,MAAM,EAAE,KAAK;aACd,GACD,CACH,CACmB,CACf,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../packages/ui/src/checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAkC;AAElC,iDAAgD;AAEhD,uDAK2B;AAE3B,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,2BAAW,CAAA;IACX,+BAAe,CAAA;AACjB,CAAC,EAHW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAGvB;AAcD,MAAM,QAAQ,GAAsB,CAAC,EACnC,YAAY,GAAG,YAAY,CAAC,KAAK,EACjC,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,aAAa,GAAG,KAAK,EACrB,KAAK,EACL,IAAI,EACJ,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,GAAG,EAAE,IAAI,IAAI,EAAE,CAAC;IAE7B,OAAO,CACL,8BAAC,wBAAM,oBAAK,EAAE,YAAY,EAAE,iBAAa,QAAQ,IAAI,YAAY,IAAI,EAAE;QACrE,8BAAC,gCAAc,oBACT,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAE,EACxD,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,iBACvC,QAAQ,CAAC,CAAC,CAAC,YAAY,QAAQ,EAAE,CAAC,CAAC,CAAC,gBAAgB,EAC/D,EAAE,EAAE,IAAI,EACR,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,IAClD;QACF,8BAAC,qCAAmB,oBACd,EAAE,YAAY,EAAE,iBACT,QAAQ,CAAC,CAAC,CAAC,kBAAkB,QAAQ,EAAE,CAAC,CAAC,CAAC,gBAAgB,EACrE,QAAQ,EAAE,IAAA,qBAAU,EAAC,KAAK,CAAC,EAC3B,OAAO,EAAE,IAAI,KAEZ,QAAQ,IAAI,CACX,8BAAC,6BAAW,IAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAAI,CAC5D,CACmB,CACf,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
@@ -29,7 +29,7 @@ const addon_knobs_1 = require("@storybook/addon-knobs");
29
29
  const react_2 = require("@storybook/react");
30
30
  const utils_1 = require("../../../utils");
31
31
  const Tag_1 = __importDefault(require("../tag/Tag"));
32
- const Checkbox_1 = __importDefault(require("./Checkbox"));
32
+ const Checkbox_1 = __importStar(require("./Checkbox"));
33
33
  const checkboxState = new storybook_state_1.Store({
34
34
  checked: false
35
35
  });
@@ -104,5 +104,9 @@ const defaultProps = {
104
104
  react_1.default.createElement(Checkbox_1.default, Object.assign({}, defaultProps, { id: "checkbox-2", label: "checkbox 2", checked: state.checked2, disabled: disabled, onChange: checked => {
105
105
  indeterminateState.set(Object.assign(Object.assign({}, state), { checked2: checked }));
106
106
  } })))))));
107
+ })
108
+ .add('Big checkbox', () => {
109
+ const disabled = (0, addon_knobs_1.boolean)('Disabled', false);
110
+ return (react_1.default.createElement(storybook_state_1.State, { store: checkboxState }, state => (react_1.default.createElement(Checkbox_1.default, Object.assign({}, Object.assign(Object.assign({}, defaultProps), { disabled }), { checkboxSize: Checkbox_1.CheckboxSize.BIG, checked: state.checked, dataTest: "testCheckbox", onChange: checked => checkboxState.set({ checked }) })))));
107
111
  });
108
112
  //# sourceMappingURL=Checkbox.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Checkbox.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,8 +1,13 @@
1
- export declare const Layout: import("styled-components").StyledComponent<"div", any, {}, never>;
1
+ import { CheckboxSize } from './Checkbox';
2
+ export declare const Layout: import("styled-components").StyledComponent<"div", any, {
3
+ checkboxSize: CheckboxSize;
4
+ }, never>;
2
5
  export declare const CheckboxLabelLayout: import("styled-components").StyledComponent<"label", any, {
3
6
  hasLabel: boolean;
7
+ checkboxSize: CheckboxSize;
4
8
  }, never>;
5
9
  export declare const StringLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
6
10
  export declare const CheckboxLayout: import("styled-components").StyledComponent<"input", any, {
7
11
  indeterminate: boolean;
12
+ checkboxSize: CheckboxSize;
8
13
  }, never>;
@@ -29,11 +29,10 @@ const indeterminate_disabled_svg_1 = __importDefault(require("../../../assets/ic
29
29
  const tick_svg_1 = __importDefault(require("../../../assets/icons/tick.svg"));
30
30
  const tick_disabled_svg_1 = __importDefault(require("../../../assets/icons/tick_disabled.svg"));
31
31
  const utils_1 = require("../../../utils");
32
+ const Checkbox_1 = require("./Checkbox");
32
33
  exports.Layout = styled_components_1.default.div `
33
34
  display: flex;
34
35
  align-items: center;
35
- min-width: ${(0, utils_1.convertPxToRem)(24)};
36
- min-height: ${(0, utils_1.convertPxToRem)(24)};
37
36
  position: relative;
38
37
  text-align: left;
39
38
  z-index: 0;
@@ -41,11 +40,25 @@ exports.Layout = styled_components_1.default.div `
41
40
  & + & {
42
41
  margin-top: ${(0, utils_1.convertPxToRem)(16)};
43
42
  }
43
+
44
+ ${({ checkboxSize }) => checkboxSize === Checkbox_1.CheckboxSize.BIG
45
+ ? (0, styled_components_1.css) `
46
+ min-width: ${(0, utils_1.convertPxToRem)(32)};
47
+ min-height: ${(0, utils_1.convertPxToRem)(32)};
48
+ `
49
+ : (0, styled_components_1.css) `
50
+ min-width: ${(0, utils_1.convertPxToRem)(24)};
51
+ min-height: ${(0, utils_1.convertPxToRem)(24)};
52
+ `}
44
53
  `;
45
54
  exports.CheckboxLabelLayout = styled_components_1.default.label `
46
55
  clear: both;
47
56
  cursor: pointer;
48
- padding-left: ${({ hasLabel }) => (0, utils_1.convertPxToRem)(hasLabel ? 32 : 24)};
57
+ padding-left: ${({ hasLabel, checkboxSize }) => hasLabel && checkboxSize === Checkbox_1.CheckboxSize.BIG
58
+ ? (0, utils_1.convertPxToRem)(40)
59
+ : hasLabel
60
+ ? (0, utils_1.convertPxToRem)(32)
61
+ : (0, utils_1.convertPxToRem)(24)};
49
62
  `;
50
63
  exports.StringLabel = styled_components_1.default.span `
51
64
  ${utils_1.paragraphs.label};
@@ -75,13 +88,21 @@ exports.CheckboxLayout = styled_components_1.default.input `
75
88
  z-index: 1;
76
89
  left: 0;
77
90
  top: 0;
78
- width: ${(0, utils_1.convertPxToRem)(24)};
79
- height: ${(0, utils_1.convertPxToRem)(24)};
80
91
  border: ${(0, utils_1.convertPxToRem)(2)} solid ${utils_1.colors.grey.base60};
81
92
  border-radius: ${utils_1.radius.small};
82
93
  cursor: pointer;
83
94
  transition: background-color 0.1s, border-color 0.1s;
84
95
  transition: all 250ms ease;
96
+
97
+ ${({ checkboxSize }) => checkboxSize === Checkbox_1.CheckboxSize.BIG
98
+ ? (0, styled_components_1.css) `
99
+ width: ${(0, utils_1.convertPxToRem)(32)};
100
+ height: ${(0, utils_1.convertPxToRem)(32)};
101
+ `
102
+ : (0, styled_components_1.css) `
103
+ width: ${(0, utils_1.convertPxToRem)(24)};
104
+ height: ${(0, utils_1.convertPxToRem)(24)};
105
+ `}
85
106
  }
86
107
 
87
108
  ::after {
@@ -90,8 +111,6 @@ exports.CheckboxLayout = styled_components_1.default.input `
90
111
  z-index: 0;
91
112
  left: 0;
92
113
  top: 0;
93
- width: ${(0, utils_1.convertPxToRem)(24)};
94
- height: ${(0, utils_1.convertPxToRem)(24)};
95
114
  border-radius: ${utils_1.radius.small};
96
115
  border-color: ${utils_1.colors.orange.base};
97
116
  background-color: ${utils_1.colors.orange.base20};
@@ -100,6 +119,16 @@ exports.CheckboxLayout = styled_components_1.default.input `
100
119
  background-image: url('${tick_svg_1.default}');
101
120
  background-size: ${(0, utils_1.convertPxToRem)(32)} auto;
102
121
  opacity: 0;
122
+
123
+ ${({ checkboxSize }) => checkboxSize === Checkbox_1.CheckboxSize.BIG
124
+ ? (0, styled_components_1.css) `
125
+ width: ${(0, utils_1.convertPxToRem)(32)};
126
+ height: ${(0, utils_1.convertPxToRem)(32)};
127
+ `
128
+ : (0, styled_components_1.css) `
129
+ width: ${(0, utils_1.convertPxToRem)(24)};
130
+ height: ${(0, utils_1.convertPxToRem)(24)};
131
+ `}
103
132
  }
104
133
  }
105
134
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/checkbox/Checkbox.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,gGAAoE;AACpE,kHAAqF;AACrF,8EAAmD;AACnD,gGAAoE;AACpE,0CAA4E;AAE/D,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAA;;;eAGjB,IAAA,sBAAc,EAAC,EAAE,CAAC;gBACjB,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;;;kBAMhB,IAAA,sBAAc,EAAC,EAAE,CAAC;;CAEnC,CAAC;AAEW,QAAA,mBAAmB,GAAG,2BAAM,CAAC,KAAK,CAAuB;;;kBAGpD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,IAAA,sBAAc,EAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;CACrE,CAAC;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,IAAI,CAAA;IAClC,kBAAU,CAAC,KAAK;;iBAEH,IAAA,sBAAc,EAAC,CAAC,CAAC;WACvB,cAAM,CAAC,IAAI,CAAC,IAAI;;;;;CAK1B,CAAC;AAEW,QAAA,cAAc,GAAG,2BAAM,CAAC,KAAK,CAA4B;;;;;;;;;;;QAW9D,2BAAmB;;;;;;;iBAOV,IAAA,sBAAc,EAAC,EAAE,CAAC;kBACjB,IAAA,sBAAc,EAAC,EAAE,CAAC;kBAClB,IAAA,sBAAc,EAAC,CAAC,CAAC,UAAU,cAAM,CAAC,IAAI,CAAC,MAAM;yBACtC,cAAM,CAAC,KAAK;;;;;;;;;;;;iBAYpB,IAAA,sBAAc,EAAC,EAAE,CAAC;kBACjB,IAAA,sBAAc,EAAC,EAAE,CAAC;yBACX,cAAM,CAAC,KAAK;wBACb,cAAM,CAAC,MAAM,CAAC,IAAI;4BACd,cAAM,CAAC,MAAM,CAAC,MAAM;;;iCAGf,kBAAK;2BACX,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;;;;QAOrC,2BAAmB;;wBAEH,cAAM,CAAC,MAAM,CAAC,MAAM;;;;;;;;;;QAUpC,2BAAmB;;;0BAGD,cAAM,CAAC,MAAM,CAAC,IAAI;;;;QAIpC,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CACtB,aAAa;IACb,IAAA,uBAAG,EAAA;;4BAEiB,cAAM,CAAC,MAAM,CAAC,MAAM;;;;qCAIX,2BAAa;;;SAGzC;;;;;QAKD,2BAAmB;eACZ,cAAM,CAAC,IAAI,CAAC,MAAM;;;;wBAIT,cAAM,CAAC,IAAI,CAAC,MAAM;;;;;;4BAMd,cAAM,CAAC,IAAI,CAAC,MAAM;;;;;;QAMtC,2BAAmB;;4BAEC,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CACxC,aAAa,CAAC,CAAC,CAAC,QAAQ,oCAAqB,IAAI,CAAC,CAAC,CAAC,MAAM;;;;;;QAM5D,2BAAmB;;iCAEM,2BAAa;;;;CAI7C,CAAC"}
1
+ {"version":3,"file":"Checkbox.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/checkbox/Checkbox.styles.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@proprioo/salatim",
3
- "version": "23.6.0",
3
+ "version": "24.0.0",
4
4
  "description": "Proprioo component library",
5
5
  "keywords": [
6
6
  "components",
@@ -1,4 +0,0 @@
1
- import { FC } from 'react';
2
- import { PanelProps } from './Panel.interfaces';
3
- export declare const Panel: FC<PanelProps>;
4
- export default Panel;
@@ -1,17 +0,0 @@
1
- export declare enum PanelColorsTypes {
2
- PRIMARY = "primary",
3
- SECONDARY = "secondary",
4
- GREEN = "green",
5
- RED = "red",
6
- BLUE = "blue",
7
- ORANGE = "orange",
8
- YELLOW = "yellow"
9
- }
10
- export declare enum PanelOrientation {
11
- HORIZONTAL = "horizontal",
12
- VERTICAL = "vertical"
13
- }
14
- export interface PanelProps {
15
- color: PanelColorsTypes;
16
- orientation?: PanelOrientation;
17
- }
@@ -1,19 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.PanelOrientation = exports.PanelColorsTypes = void 0;
4
- var PanelColorsTypes;
5
- (function (PanelColorsTypes) {
6
- PanelColorsTypes["PRIMARY"] = "primary";
7
- PanelColorsTypes["SECONDARY"] = "secondary";
8
- PanelColorsTypes["GREEN"] = "green";
9
- PanelColorsTypes["RED"] = "red";
10
- PanelColorsTypes["BLUE"] = "blue";
11
- PanelColorsTypes["ORANGE"] = "orange";
12
- PanelColorsTypes["YELLOW"] = "yellow";
13
- })(PanelColorsTypes = exports.PanelColorsTypes || (exports.PanelColorsTypes = {}));
14
- var PanelOrientation;
15
- (function (PanelOrientation) {
16
- PanelOrientation["HORIZONTAL"] = "horizontal";
17
- PanelOrientation["VERTICAL"] = "vertical";
18
- })(PanelOrientation = exports.PanelOrientation || (exports.PanelOrientation = {}));
19
- //# sourceMappingURL=Panel.interfaces.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Panel.interfaces.js","sourceRoot":"","sources":["../../../../packages/ui/src/panel/Panel.interfaces.ts"],"names":[],"mappings":";;;AAAA,IAAY,gBAQX;AARD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,2CAAuB,CAAA;IACvB,mCAAe,CAAA;IACf,+BAAW,CAAA;IACX,iCAAa,CAAA;IACb,qCAAiB,CAAA;IACjB,qCAAiB,CAAA;AACnB,CAAC,EARW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAQ3B;AAED,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,6CAAyB,CAAA;IACzB,yCAAqB,CAAA;AACvB,CAAC,EAHW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAG3B"}
@@ -1,13 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.Panel = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- const Panel_interfaces_1 = require("./Panel.interfaces");
9
- const Panel_styles_1 = require("./Panel.styles");
10
- const Panel = ({ children, color, orientation = Panel_interfaces_1.PanelOrientation.HORIZONTAL }) => (react_1.default.createElement(Panel_styles_1.Layout, { color: color, orientation: orientation, "data-test": "panel" }, children));
11
- exports.Panel = Panel;
12
- exports.default = exports.Panel;
13
- //# sourceMappingURL=Panel.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../../packages/ui/src/panel/Panel.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAkC;AAElC,yDAAkE;AAClE,iDAAwC;AAEjC,MAAM,KAAK,GAAmB,CAAC,EACpC,QAAQ,EACR,KAAK,EACL,WAAW,GAAG,mCAAgB,CAAC,UAAU,EAC1C,EAAE,EAAE,CAAC,CACJ,8BAAC,qBAAM,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,eAAY,OAAO,IAC9D,QAAQ,CACF,CACV,CAAC;AARW,QAAA,KAAK,SAQhB;AAEF,kBAAe,aAAK,CAAC"}
@@ -1 +0,0 @@
1
- export {};
@@ -1,19 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- const react_1 = __importDefault(require("react"));
7
- const addon_knobs_1 = require("@storybook/addon-knobs");
8
- const react_2 = require("@storybook/react");
9
- const Panel_1 = require("./Panel");
10
- const Panel_interfaces_1 = require("./Panel.interfaces");
11
- const color = (0, addon_knobs_1.select)('Couleur', Object.values(Panel_interfaces_1.PanelColorsTypes), Panel_interfaces_1.PanelColorsTypes.GREEN);
12
- (0, react_2.storiesOf)('Panel', module)
13
- .add('Panel', () => {
14
- return react_1.default.createElement(Panel_1.Panel, { color: color }, "Contenu du panel");
15
- })
16
- .add('Panel vertical', () => {
17
- return (react_1.default.createElement(Panel_1.Panel, { color: color, orientation: Panel_interfaces_1.PanelOrientation.VERTICAL }, "Contenu du panel"));
18
- });
19
- //# sourceMappingURL=Panel.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Panel.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/panel/Panel.stories.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,wDAAgD;AAChD,4CAA6C;AAE7C,mCAAgC;AAChC,yDAAwE;AAExE,MAAM,KAAK,GAAG,IAAA,oBAAM,EAClB,SAAS,EACT,MAAM,CAAC,MAAM,CAAC,mCAAgB,CAAC,EAC/B,mCAAgB,CAAC,KAAK,CACvB,CAAC;AAEF,IAAA,iBAAS,EAAC,OAAO,EAAE,MAAM,CAAC;KACvB,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE;IACjB,OAAO,8BAAC,aAAK,IAAC,KAAK,EAAE,KAAK,uBAA0B,CAAC;AACvD,CAAC,CAAC;KACD,GAAG,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC1B,OAAO,CACL,8BAAC,aAAK,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,mCAAgB,CAAC,QAAQ,uBAEnD,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}
@@ -1,2 +0,0 @@
1
- import { PanelProps } from './Panel.interfaces';
2
- export declare const Layout: import("styled-components").StyledComponent<"div", any, PanelProps, never>;
@@ -1,48 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
- Object.defineProperty(o, "default", { enumerable: true, value: v });
11
- }) : function(o, v) {
12
- o["default"] = v;
13
- });
14
- var __importStar = (this && this.__importStar) || function (mod) {
15
- if (mod && mod.__esModule) return mod;
16
- var result = {};
17
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
- __setModuleDefault(result, mod);
19
- return result;
20
- };
21
- Object.defineProperty(exports, "__esModule", { value: true });
22
- exports.Layout = void 0;
23
- const styled_components_1 = __importStar(require("styled-components"));
24
- const utils_1 = require("../../../utils");
25
- const Panel_interfaces_1 = require("./Panel.interfaces");
26
- const PanelColors_1 = require("./PanelColors");
27
- exports.Layout = styled_components_1.default.div `
28
- ${({ color }) => (0, styled_components_1.css) `
29
- background-color: ${PanelColors_1.PANEL_COLORS[color].background};
30
- border-color: ${PanelColors_1.PANEL_COLORS[color].border};
31
- padding: ${(0, utils_1.convertPxToRem)(24)};
32
-
33
- @media (min-width: ${(0, utils_1.convertPxToRem)(4)}px) {
34
- padding: ${(0, utils_1.convertPxToRem)(40)};
35
- }
36
- `}
37
-
38
- ${({ orientation }) => orientation === Panel_interfaces_1.PanelOrientation.HORIZONTAL
39
- ? (0, styled_components_1.css) `
40
- border-left-width: ${(0, utils_1.convertPxToRem)(3)};
41
- border-left-style: solid;
42
- `
43
- : (0, styled_components_1.css) `
44
- border-top-width: ${(0, utils_1.convertPxToRem)(3)};
45
- border-top-style: solid;
46
- `}
47
- `;
48
- //# sourceMappingURL=Panel.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Panel.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/panel/Panel.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,0CAAgD;AAChD,yDAAkE;AAClE,+CAA6C;AAEhC,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAY;IACxC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,IAAA,uBAAG,EAAA;0BACmB,0BAAY,CAAC,KAAK,CAAC,CAAC,UAAU;sBAClC,0BAAY,CAAC,KAAK,CAAC,CAAC,MAAM;iBAC/B,IAAA,sBAAc,EAAC,EAAE,CAAC;;2BAER,IAAA,sBAAc,EAAC,CAAC,CAAC;mBACzB,IAAA,sBAAc,EAAC,EAAE,CAAC;;KAEhC;;IAED,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CACpB,WAAW,KAAK,mCAAgB,CAAC,UAAU;IACzC,CAAC,CAAC,IAAA,uBAAG,EAAA;+BACoB,IAAA,sBAAc,EAAC,CAAC,CAAC;;SAEvC;IACH,CAAC,CAAC,IAAA,uBAAG,EAAA;8BACmB,IAAA,sBAAc,EAAC,CAAC,CAAC;;SAEtC;CACR,CAAC"}
@@ -1,30 +0,0 @@
1
- export declare const PANEL_COLORS: {
2
- blue: {
3
- background: string;
4
- border: string;
5
- };
6
- red: {
7
- background: string;
8
- border: string;
9
- };
10
- green: {
11
- background: string;
12
- border: string;
13
- };
14
- orange: {
15
- background: string;
16
- border: string;
17
- };
18
- secondary: {
19
- background: string;
20
- border: string;
21
- };
22
- primary: {
23
- background: string;
24
- border: string;
25
- };
26
- yellow: {
27
- background: string;
28
- border: string;
29
- };
30
- };
@@ -1,35 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.PANEL_COLORS = void 0;
4
- const utils_1 = require("../../../utils");
5
- exports.PANEL_COLORS = {
6
- blue: {
7
- background: utils_1.colors.blue.base5,
8
- border: utils_1.colors.blue.base
9
- },
10
- red: {
11
- background: utils_1.colors.red.base5,
12
- border: utils_1.colors.red.base
13
- },
14
- green: {
15
- background: utils_1.colors.green.base5,
16
- border: utils_1.colors.green.base
17
- },
18
- orange: {
19
- background: utils_1.colors.orange.base5,
20
- border: utils_1.colors.orange.base
21
- },
22
- secondary: {
23
- background: utils_1.colors.background,
24
- border: utils_1.colors.green.base
25
- },
26
- primary: {
27
- background: utils_1.colors.background,
28
- border: utils_1.colors.dark.base
29
- },
30
- yellow: {
31
- background: utils_1.colors.yellow.base5,
32
- border: utils_1.colors.yellow.base
33
- }
34
- };
35
- //# sourceMappingURL=PanelColors.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PanelColors.js","sourceRoot":"","sources":["../../../../packages/ui/src/panel/PanelColors.ts"],"names":[],"mappings":";;;AAAA,0CAAwC;AAE3B,QAAA,YAAY,GAAG;IAC1B,IAAI,EAAE;QACJ,UAAU,EAAE,cAAM,CAAC,IAAI,CAAC,KAAK;QAC7B,MAAM,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;KACzB;IACD,GAAG,EAAE;QACH,UAAU,EAAE,cAAM,CAAC,GAAG,CAAC,KAAK;QAC5B,MAAM,EAAE,cAAM,CAAC,GAAG,CAAC,IAAI;KACxB;IACD,KAAK,EAAE;QACL,UAAU,EAAE,cAAM,CAAC,KAAK,CAAC,KAAK;QAC9B,MAAM,EAAE,cAAM,CAAC,KAAK,CAAC,IAAI;KAC1B;IACD,MAAM,EAAE;QACN,UAAU,EAAE,cAAM,CAAC,MAAM,CAAC,KAAK;QAC/B,MAAM,EAAE,cAAM,CAAC,MAAM,CAAC,IAAI;KAC3B;IACD,SAAS,EAAE;QACT,UAAU,EAAE,cAAM,CAAC,UAAU;QAC7B,MAAM,EAAE,cAAM,CAAC,KAAK,CAAC,IAAI;KAC1B;IACD,OAAO,EAAE;QACP,UAAU,EAAE,cAAM,CAAC,UAAU;QAC7B,MAAM,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;KACzB;IACD,MAAM,EAAE;QACN,UAAU,EAAE,cAAM,CAAC,MAAM,CAAC,KAAK;QAC/B,MAAM,EAAE,cAAM,CAAC,MAAM,CAAC,IAAI;KAC3B;CACF,CAAC"}