@invoicebox/ui 0.1.0-alpha.320 → 0.1.0-alpha.321

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 (165) hide show
  1. package/dist/components/common/AppCardLink/index.js +2 -1
  2. package/dist/components/common/BgCard/index.js +2 -1
  3. package/dist/components/common/BgCard/styles.js +2 -1
  4. package/dist/components/common/Calendar/index.js +2 -1
  5. package/dist/components/common/Calendar/index.stories.js +2 -1
  6. package/dist/components/common/Calendar/styles.js +2 -1
  7. package/dist/components/common/Divider/index.js +2 -1
  8. package/dist/components/common/Drawer/index.js +2 -1
  9. package/dist/components/common/Drawer/index.stories.js +2 -1
  10. package/dist/components/common/Drawer/styles.js +2 -1
  11. package/dist/components/common/Dropdown/index.js +2 -1
  12. package/dist/components/common/Dropdown/styles.js +9 -8
  13. package/dist/components/common/EntityAutocompleteOptionsDrawer/index.js +2 -1
  14. package/dist/components/common/EntityAutocompleteOptionsDrawer/index.stories.js +2 -1
  15. package/dist/components/common/Flag/index.js +2 -1
  16. package/dist/components/common/Flag/styles.js +2 -1
  17. package/dist/components/common/InvoiceboxSpinner/index.js +2 -1
  18. package/dist/components/common/InvoiceboxSpinner/styles.js +2 -1
  19. package/dist/components/common/PointsLoader/index.js +2 -1
  20. package/dist/components/common/QRCode/index.js +2 -2
  21. package/dist/components/common/ReadOnlyLabelValueField/index.js +2 -1
  22. package/dist/components/common/Scrollbar/index.js +2 -1
  23. package/dist/components/common/Scrollbar/styles.js +2 -1
  24. package/dist/components/common/SecondaryButton/index.js +4 -3
  25. package/dist/components/common/SecondaryButton/styles.js +2 -1
  26. package/dist/components/common/Skeleton/index.js +2 -1
  27. package/dist/components/common/Skeleton/styles.js +2 -1
  28. package/dist/components/common/Toast/index.js +2 -1
  29. package/dist/components/common/Tooltip/index.js +2 -1
  30. package/dist/components/common/Typography/index.js +4 -3
  31. package/dist/components/common/WarningIcon/index.js +2 -1
  32. package/dist/components/form/Autocomplete/components/Autocomplete/index.js +2 -1
  33. package/dist/components/form/Autocomplete/components/Autocomplete/index.stories.js +2 -1
  34. package/dist/components/form/Autocomplete/components/OrganizationAutocompleteItem/index.js +2 -1
  35. package/dist/components/form/Checkbox/index.js +4 -3
  36. package/dist/components/form/Checkbox/index.stories.js +2 -1
  37. package/dist/components/form/CodeInput/index.js +2 -1
  38. package/dist/components/form/CodeInput/index.stories.js +2 -1
  39. package/dist/components/form/CountrySelect/components/CountryItem/index.js +2 -1
  40. package/dist/components/form/CountrySelect/index.js +4 -3
  41. package/dist/components/form/CurrencyInput/CoreCurrencyInput/index.js +2 -1
  42. package/dist/components/form/CurrencyInput/CoreCurrencyInput/index.stories.js +2 -1
  43. package/dist/components/form/CurrencyInput/CurrencyInputNumber/index.js +2 -2
  44. package/dist/components/form/CurrencyInput/CurrencyInputNumber/index.stories.js +2 -1
  45. package/dist/components/form/CurrencyInput/CurrencyInputString/index.js +2 -2
  46. package/dist/components/form/CurrencyInput/CurrencyInputString/index.stories.js +2 -1
  47. package/dist/components/form/DateInput/components/CalendarIcon/index.js +2 -1
  48. package/dist/components/form/DateInput/components/MobileDrawerDateCalendar/index.js +2 -1
  49. package/dist/components/form/DateInput/components/MobileDrawerDateCalendar/index.stories.js +2 -1
  50. package/dist/components/form/DateInput/index.js +2 -1
  51. package/dist/components/form/DateInput/index.stories.js +2 -1
  52. package/dist/components/form/DateInput/logic.d.ts +1 -0
  53. package/dist/components/form/DateInput/logic.js +11 -0
  54. package/dist/components/form/DateTimeInput/components/MobileDatePicker/index.d.ts +12 -0
  55. package/dist/components/form/DateTimeInput/components/MobileDatePicker/index.js +83 -0
  56. package/dist/components/form/DateTimeInput/components/MobileDatePicker/index.stories.d.ts +6 -0
  57. package/dist/components/form/DateTimeInput/components/MobileDatePicker/index.stories.js +48 -0
  58. package/dist/components/form/DateTimeInput/components/MobileDatePicker/logic.d.ts +11 -0
  59. package/dist/components/form/DateTimeInput/components/MobileDatePicker/logic.js +92 -0
  60. package/dist/components/form/DateTimeInput/components/MobileDrawerDateTimeCalendar/index.d.ts +4 -0
  61. package/dist/components/form/DateTimeInput/components/MobileDrawerDateTimeCalendar/index.js +42 -22
  62. package/dist/components/form/DateTimeInput/components/MobileDrawerDateTimeCalendar/index.stories.js +2 -1
  63. package/dist/components/form/DateTimeInput/components/MobileDrawerDateTimeCalendar/styles.d.ts +1 -2
  64. package/dist/components/form/DateTimeInput/components/MobileDrawerDateTimeCalendar/styles.js +4 -8
  65. package/dist/components/form/DateTimeInput/components/MobileWheelPicker/components/WheelColumn/index.d.ts +14 -0
  66. package/dist/components/form/DateTimeInput/components/MobileWheelPicker/components/WheelColumn/index.js +259 -0
  67. package/dist/components/form/DateTimeInput/components/MobileWheelPicker/components/WheelColumn/styles.d.ts +12 -0
  68. package/dist/components/form/DateTimeInput/components/MobileWheelPicker/components/WheelColumn/styles.js +35 -0
  69. package/dist/components/form/DateTimeInput/components/MobileWheelPicker/constants.d.ts +11 -0
  70. package/dist/components/form/DateTimeInput/components/MobileWheelPicker/constants.js +40 -0
  71. package/dist/components/form/DateTimeInput/components/MobileWheelPicker/index.d.ts +12 -0
  72. package/dist/components/form/DateTimeInput/components/MobileWheelPicker/index.js +48 -0
  73. package/dist/components/form/DateTimeInput/components/MobileWheelPicker/index.stories.d.ts +5 -0
  74. package/dist/components/form/DateTimeInput/components/MobileWheelPicker/index.stories.js +47 -0
  75. package/dist/components/form/DateTimeInput/components/MobileWheelPicker/palette.d.ts +9 -0
  76. package/dist/components/form/DateTimeInput/components/MobileWheelPicker/palette.js +17 -0
  77. package/dist/components/form/DateTimeInput/components/MobileWheelPicker/styles.d.ts +12 -0
  78. package/dist/components/form/DateTimeInput/components/MobileWheelPicker/styles.js +39 -0
  79. package/dist/components/form/DateTimeInput/components/TimePicker/index.d.ts +1 -0
  80. package/dist/components/form/DateTimeInput/components/TimePicker/index.js +34 -16
  81. package/dist/components/form/DateTimeInput/components/TimePicker/index.stories.d.ts +1 -0
  82. package/dist/components/form/DateTimeInput/components/TimePicker/index.stories.js +31 -17
  83. package/dist/components/form/DateTimeInput/components/TimePicker/styles.d.ts +0 -4
  84. package/dist/components/form/DateTimeInput/components/TimePicker/styles.js +2 -13
  85. package/dist/components/form/DateTimeInput/index.js +22 -4
  86. package/dist/components/form/DateTimeInput/index.stories.js +2 -1
  87. package/dist/components/form/InputLabel/index.js +2 -1
  88. package/dist/components/form/InputLabel/styles.js +2 -1
  89. package/dist/components/form/ModernPlaceholder/index.js +2 -1
  90. package/dist/components/form/PhoneInput/index.js +2 -1
  91. package/dist/components/form/PhoneInput/index.stories.js +2 -1
  92. package/dist/components/form/PositiveIntegerInput/index.js +2 -1
  93. package/dist/components/form/PositiveIntegerInput/index.stories.js +2 -1
  94. package/dist/components/form/PositiveIntegerInput/styles.js +2 -1
  95. package/dist/components/form/PureInput/index.js +4 -3
  96. package/dist/components/form/PureInput/styles.js +2 -2
  97. package/dist/components/form/ResetButton/index.js +2 -1
  98. package/dist/components/form/SearchInput/index.js +2 -1
  99. package/dist/components/form/SearchInput/index.stories.js +2 -1
  100. package/dist/components/form/Select/components/Input/index.js +2 -1
  101. package/dist/components/form/Select/components/Loader/index.js +2 -1
  102. package/dist/components/form/Select/components/MultipleValue/index.js +2 -1
  103. package/dist/components/form/Select/components/MultipleValue/styles.js +2 -1
  104. package/dist/components/form/Select/index.js +2 -1
  105. package/dist/components/form/Select/index.stories.js +2 -1
  106. package/dist/components/form/Select/styles.js +2 -1
  107. package/dist/components/form/TagsInput/index.js +2 -1
  108. package/dist/components/form/TagsInput/index.stories.js +2 -1
  109. package/dist/components/form/TagsInput/styles.js +2 -2
  110. package/dist/components/form/TextInput/index.js +2 -1
  111. package/dist/components/form/TextInput/index.stories.js +2 -1
  112. package/dist/components/form/Toggle/index.js +4 -3
  113. package/dist/components/form/Toggle/index.stories.js +2 -1
  114. package/dist/components/form/Toggle/styles.js +10 -10
  115. package/dist/components/form/_hooks/useInputStyles.js +2 -1
  116. package/dist/components/form/common/DrawerHeader/index.d.ts +2 -0
  117. package/dist/components/form/common/DrawerHeader/index.js +15 -5
  118. package/dist/components/form/common/DrawerHeader/styles.d.ts +4 -0
  119. package/dist/components/form/common/DrawerHeader/styles.js +17 -7
  120. package/dist/esm/components/common/Dropdown/styles.js +7 -7
  121. package/dist/esm/components/common/QRCode/index.js +2 -2
  122. package/dist/esm/components/common/SecondaryButton/index.js +2 -2
  123. package/dist/esm/components/common/Typography/index.js +2 -2
  124. package/dist/esm/components/form/Checkbox/index.js +2 -2
  125. package/dist/esm/components/form/CountrySelect/index.js +2 -2
  126. package/dist/esm/components/form/CurrencyInput/CurrencyInputNumber/index.js +2 -2
  127. package/dist/esm/components/form/CurrencyInput/CurrencyInputString/index.js +2 -2
  128. package/dist/esm/components/form/DateInput/logic.js +11 -0
  129. package/dist/esm/components/form/DateTimeInput/components/MobileDatePicker/index.js +74 -0
  130. package/dist/esm/components/form/DateTimeInput/components/MobileDatePicker/index.stories.js +39 -0
  131. package/dist/esm/components/form/DateTimeInput/components/MobileDatePicker/logic.js +86 -0
  132. package/dist/esm/components/form/DateTimeInput/components/MobileDrawerDateTimeCalendar/index.js +40 -21
  133. package/dist/esm/components/form/DateTimeInput/components/MobileDrawerDateTimeCalendar/styles.js +3 -7
  134. package/dist/esm/components/form/DateTimeInput/components/MobileWheelPicker/components/WheelColumn/index.js +250 -0
  135. package/dist/esm/components/form/DateTimeInput/components/MobileWheelPicker/components/WheelColumn/styles.js +28 -0
  136. package/dist/esm/components/form/DateTimeInput/components/MobileWheelPicker/constants.js +34 -0
  137. package/dist/esm/components/form/DateTimeInput/components/MobileWheelPicker/index.js +32 -0
  138. package/dist/esm/components/form/DateTimeInput/components/MobileWheelPicker/index.stories.js +38 -0
  139. package/dist/esm/components/form/DateTimeInput/components/MobileWheelPicker/palette.js +10 -0
  140. package/dist/esm/components/form/DateTimeInput/components/MobileWheelPicker/styles.js +32 -0
  141. package/dist/esm/components/form/DateTimeInput/components/TimePicker/index.js +32 -15
  142. package/dist/esm/components/form/DateTimeInput/components/TimePicker/index.stories.js +29 -15
  143. package/dist/esm/components/form/DateTimeInput/components/TimePicker/styles.js +1 -12
  144. package/dist/esm/components/form/DateTimeInput/index.js +21 -4
  145. package/dist/esm/components/form/PureInput/index.js +2 -2
  146. package/dist/esm/components/form/PureInput/styles.js +2 -2
  147. package/dist/esm/components/form/TagsInput/styles.js +2 -2
  148. package/dist/esm/components/form/Toggle/index.js +2 -2
  149. package/dist/esm/components/form/Toggle/styles.js +10 -10
  150. package/dist/esm/components/form/common/DrawerHeader/index.js +13 -4
  151. package/dist/esm/components/form/common/DrawerHeader/styles.js +16 -6
  152. package/dist/esm/palette/context.js +2 -0
  153. package/dist/esm/palette/provider.js +2 -0
  154. package/dist/hooks/useUnupdatableHandler/index.stories.js +2 -1
  155. package/dist/palette/context.d.ts +2 -0
  156. package/dist/palette/context.js +48 -46
  157. package/dist/palette/provider.js +50 -47
  158. package/dist/palette/usePalette.d.ts +1 -0
  159. package/package.json +1 -1
  160. package/dist/components/form/DateTimeInput/components/MobileNumbersColumn/index.d.ts +0 -8
  161. package/dist/components/form/DateTimeInput/components/MobileNumbersColumn/index.js +0 -201
  162. package/dist/components/form/DateTimeInput/components/MobileNumbersColumn/styles.d.ts +0 -7
  163. package/dist/components/form/DateTimeInput/components/MobileNumbersColumn/styles.js +0 -27
  164. package/dist/esm/components/form/DateTimeInput/components/MobileNumbersColumn/index.js +0 -193
  165. package/dist/esm/components/form/DateTimeInput/components/MobileNumbersColumn/styles.js +0 -19
@@ -15,29 +15,30 @@ var _palette6 = require("../components/form/PureInput/palette");
15
15
  var _palette7 = require("../components/common/Dropdown/palette");
16
16
  var _palette8 = require("../components/common/Scrollbar/palette");
17
17
  var _palette9 = require("../components/form/Select/palette");
18
- var _palette0 = require("../components/form/DateInput/palette");
19
- var _palette1 = require("../components/common/WarningIcon/palette");
20
- var _palette10 = require("../components/common/Divider/palette");
21
- var _palette11 = require("../components/common/Calendar/palette");
22
- var _palette12 = require("../components/form/SearchInput/palette");
23
- var _palette13 = require("../components/form/CountrySelect/palette");
24
- var _palette14 = require("../components/common/BgCard/palette");
25
- var _palette15 = require("../components/common/Toast/palette");
26
- var _palette16 = require("../components/form/Autocomplete/components/AutocompleteDefaultOption/palette");
27
- var _palette17 = require("../components/form/Autocomplete/components/OrganizationAutocompleteItem/palette");
28
- var _palette18 = require("../components/common/Drawer/palette");
29
- var _palette19 = require("../components/common/EntityAutocompleteOptionsDrawer/palette");
30
- var _palette20 = require("../components/form/CodeInput/palette");
31
- var _palette21 = require("../components/form/ResetButton/palette");
32
- var _palette22 = require("../components/form/Toggle/palette");
33
- var _palette23 = require("../components/common/ReadOnlyLabelValueField/palette");
34
- var _palette24 = require("../components/common/PointsLoader/palette");
35
- var _palette25 = require("../components/form/TagsInput/palette");
36
- var _palette26 = require("../components/form/DateTimeInput/components/TimePicker/palette");
37
- var _palette27 = require("../components/form/DateTimeInput/palette");
38
- var _palette28 = require("../components/form/common/DrawerHeader/palette");
39
- var _palette29 = require("../components/form/Checkbox/palette");
40
- var _palette30 = require("../components/common/Tooltip/palette");
18
+ var _palette10 = require("../components/form/DateInput/palette");
19
+ var _palette11 = require("../components/common/WarningIcon/palette");
20
+ var _palette12 = require("../components/common/Divider/palette");
21
+ var _palette13 = require("../components/common/Calendar/palette");
22
+ var _palette14 = require("../components/form/SearchInput/palette");
23
+ var _palette15 = require("../components/form/CountrySelect/palette");
24
+ var _palette16 = require("../components/common/BgCard/palette");
25
+ var _palette17 = require("../components/common/Toast/palette");
26
+ var _palette18 = require("../components/form/Autocomplete/components/AutocompleteDefaultOption/palette");
27
+ var _palette19 = require("../components/form/Autocomplete/components/OrganizationAutocompleteItem/palette");
28
+ var _palette20 = require("../components/common/Drawer/palette");
29
+ var _palette21 = require("../components/common/EntityAutocompleteOptionsDrawer/palette");
30
+ var _palette22 = require("../components/form/CodeInput/palette");
31
+ var _palette23 = require("../components/form/ResetButton/palette");
32
+ var _palette24 = require("../components/form/Toggle/palette");
33
+ var _palette25 = require("../components/common/ReadOnlyLabelValueField/palette");
34
+ var _palette26 = require("../components/common/PointsLoader/palette");
35
+ var _palette27 = require("../components/form/TagsInput/palette");
36
+ var _palette28 = require("../components/form/DateTimeInput/components/TimePicker/palette");
37
+ var _palette29 = require("../components/form/DateTimeInput/components/MobileWheelPicker/palette");
38
+ var _palette30 = require("../components/form/DateTimeInput/palette");
39
+ var _palette31 = require("../components/form/common/DrawerHeader/palette");
40
+ var _palette32 = require("../components/form/Checkbox/palette");
41
+ var _palette33 = require("../components/common/Tooltip/palette");
41
42
  var PaletteContext = exports.PaletteContext = /*#__PURE__*/(0, _react.createContext)({
42
43
  skeleton: (0, _palette.generateSkeletonPalette)(_constants.defaultAbstractPalette),
43
44
  invoiceboxSpinner: (0, _palette2.generateInvoiceboxSpinnerPalette)(_constants.defaultAbstractPalette),
@@ -45,30 +46,31 @@ var PaletteContext = exports.PaletteContext = /*#__PURE__*/(0, _react.createCont
45
46
  arrow: (0, _palette4.generateArrowPalette)(_constants.defaultAbstractPalette),
46
47
  inputLabel: (0, _palette5.generateInputLabelPalette)(_constants.defaultAbstractPalette),
47
48
  pureInput: (0, _palette6.generatePureInputPalette)(_constants.defaultAbstractPalette),
48
- searchInput: (0, _palette12.generateSearchInputPalette)(_constants.defaultAbstractPalette),
49
+ searchInput: (0, _palette14.generateSearchInputPalette)(_constants.defaultAbstractPalette),
49
50
  dropdown: (0, _palette7.generateDropdownPalette)(_constants.defaultAbstractPalette),
50
51
  scrollbar: (0, _palette8.generateScrollbarPalette)(_constants.defaultAbstractPalette),
51
52
  select: (0, _palette9.generateSelectPalette)(_constants.defaultAbstractPalette),
52
- countrySelect: (0, _palette13.generateCountrySelectPalette)(_constants.defaultAbstractPalette),
53
- dateInput: (0, _palette0.generateDateInputPalette)(_constants.defaultAbstractPalette),
54
- warningIcon: (0, _palette1.generateWarningIconPalette)(_constants.defaultAbstractPalette),
55
- divider: (0, _palette10.generateDividerPalette)(_constants.defaultAbstractPalette),
56
- calendar: (0, _palette11.generateCalendarPalette)(_constants.defaultAbstractPalette),
57
- bgCard: (0, _palette14.generateBgCardPalette)(_constants.defaultAbstractPalette),
58
- toast: (0, _palette15.generateToastPalette)(_constants.defaultAbstractPalette),
59
- autocompleteDefaultOption: (0, _palette16.generateAutocompleteDefaultOptionPalette)(_constants.defaultAbstractPalette),
60
- organizationAutocompleteItem: (0, _palette17.generateOrganizationAutocompleteItemPalette)(_constants.defaultAbstractPalette),
61
- drawer: (0, _palette18.generateDrawerPalette)(_constants.defaultAbstractPalette),
62
- entityAutocompleteOptionsDrawer: (0, _palette19.generateEntityAutocompleteOptionsDrawerPalette)(_constants.defaultAbstractPalette),
63
- codeInput: (0, _palette20.generateCodeInputPalette)(_constants.defaultAbstractPalette),
64
- resetButton: (0, _palette21.generateResetButtonPalette)(_constants.defaultAbstractPalette),
65
- toggle: (0, _palette22.generateTogglePalette)(_constants.defaultAbstractPalette),
66
- readOnlyLabelValueField: (0, _palette23.generateReadOnlyLabelValueFieldPalette)(_constants.defaultAbstractPalette),
67
- pointsLoader: (0, _palette24.generatePointsLoaderPalette)(_constants.defaultAbstractPalette),
68
- tagsInput: (0, _palette25.generateTagsInputPalette)(_constants.defaultAbstractPalette),
69
- timePicker: (0, _palette26.generateTimePickerPalette)(_constants.defaultAbstractPalette),
70
- dateTimeInput: (0, _palette27.generateDateTimeInputPalette)(_constants.defaultAbstractPalette),
71
- drawerHeader: (0, _palette28.generateDrawerHeaderPalette)(_constants.defaultAbstractPalette),
72
- checkbox: (0, _palette29.generateCheckboxPalette)(_constants.defaultAbstractPalette),
73
- tooltip: (0, _palette30.generateTooltipPalette)(_constants.defaultAbstractPalette)
53
+ countrySelect: (0, _palette15.generateCountrySelectPalette)(_constants.defaultAbstractPalette),
54
+ dateInput: (0, _palette10.generateDateInputPalette)(_constants.defaultAbstractPalette),
55
+ warningIcon: (0, _palette11.generateWarningIconPalette)(_constants.defaultAbstractPalette),
56
+ divider: (0, _palette12.generateDividerPalette)(_constants.defaultAbstractPalette),
57
+ calendar: (0, _palette13.generateCalendarPalette)(_constants.defaultAbstractPalette),
58
+ bgCard: (0, _palette16.generateBgCardPalette)(_constants.defaultAbstractPalette),
59
+ toast: (0, _palette17.generateToastPalette)(_constants.defaultAbstractPalette),
60
+ autocompleteDefaultOption: (0, _palette18.generateAutocompleteDefaultOptionPalette)(_constants.defaultAbstractPalette),
61
+ organizationAutocompleteItem: (0, _palette19.generateOrganizationAutocompleteItemPalette)(_constants.defaultAbstractPalette),
62
+ drawer: (0, _palette20.generateDrawerPalette)(_constants.defaultAbstractPalette),
63
+ entityAutocompleteOptionsDrawer: (0, _palette21.generateEntityAutocompleteOptionsDrawerPalette)(_constants.defaultAbstractPalette),
64
+ codeInput: (0, _palette22.generateCodeInputPalette)(_constants.defaultAbstractPalette),
65
+ resetButton: (0, _palette23.generateResetButtonPalette)(_constants.defaultAbstractPalette),
66
+ toggle: (0, _palette24.generateTogglePalette)(_constants.defaultAbstractPalette),
67
+ readOnlyLabelValueField: (0, _palette25.generateReadOnlyLabelValueFieldPalette)(_constants.defaultAbstractPalette),
68
+ pointsLoader: (0, _palette26.generatePointsLoaderPalette)(_constants.defaultAbstractPalette),
69
+ tagsInput: (0, _palette27.generateTagsInputPalette)(_constants.defaultAbstractPalette),
70
+ timePicker: (0, _palette28.generateTimePickerPalette)(_constants.defaultAbstractPalette),
71
+ mobileWheelPicker: (0, _palette29.generateMobileWheelPickerPalette)(_constants.defaultAbstractPalette),
72
+ dateTimeInput: (0, _palette30.generateDateTimeInputPalette)(_constants.defaultAbstractPalette),
73
+ drawerHeader: (0, _palette31.generateDrawerHeaderPalette)(_constants.defaultAbstractPalette),
74
+ checkbox: (0, _palette32.generateCheckboxPalette)(_constants.defaultAbstractPalette),
75
+ tooltip: (0, _palette33.generateTooltipPalette)(_constants.defaultAbstractPalette)
74
76
  });
@@ -16,30 +16,32 @@ var _palette6 = require("../components/form/PureInput/palette");
16
16
  var _palette7 = require("../components/common/Dropdown/palette");
17
17
  var _palette8 = require("../components/common/Scrollbar/palette");
18
18
  var _palette9 = require("../components/form/Select/palette");
19
- var _palette0 = require("../components/form/DateInput/palette");
20
- var _palette1 = require("../components/common/WarningIcon/palette");
21
- var _palette10 = require("../components/common/Divider/palette");
22
- var _palette11 = require("../components/common/Calendar/palette");
23
- var _palette12 = require("../components/form/SearchInput/palette");
24
- var _palette13 = require("../components/form/CountrySelect/palette");
25
- var _palette14 = require("../components/common/BgCard/palette");
26
- var _palette15 = require("../components/common/Toast/palette");
27
- var _palette16 = require("../components/form/Autocomplete/components/AutocompleteDefaultOption/palette");
28
- var _palette17 = require("../components/form/Autocomplete/components/OrganizationAutocompleteItem/palette");
29
- var _palette18 = require("../components/common/Drawer/palette");
30
- var _palette19 = require("../components/common/EntityAutocompleteOptionsDrawer/palette");
31
- var _palette20 = require("../components/form/CodeInput/palette");
32
- var _palette21 = require("../components/form/ResetButton/palette");
33
- var _palette22 = require("../components/form/Toggle/palette");
34
- var _palette23 = require("../components/common/ReadOnlyLabelValueField/palette");
35
- var _palette24 = require("../components/common/PointsLoader/palette");
36
- var _palette25 = require("../components/form/TagsInput/palette");
37
- var _palette26 = require("../components/form/DateTimeInput/components/TimePicker/palette");
38
- var _palette27 = require("../components/form/DateTimeInput/palette");
39
- var _palette28 = require("../components/form/common/DrawerHeader/palette");
40
- var _palette29 = require("../components/form/Checkbox/palette");
41
- var _palette30 = require("../components/common/Tooltip/palette");
42
- function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
19
+ var _palette10 = require("../components/form/DateInput/palette");
20
+ var _palette11 = require("../components/common/WarningIcon/palette");
21
+ var _palette12 = require("../components/common/Divider/palette");
22
+ var _palette13 = require("../components/common/Calendar/palette");
23
+ var _palette14 = require("../components/form/SearchInput/palette");
24
+ var _palette15 = require("../components/form/CountrySelect/palette");
25
+ var _palette16 = require("../components/common/BgCard/palette");
26
+ var _palette17 = require("../components/common/Toast/palette");
27
+ var _palette18 = require("../components/form/Autocomplete/components/AutocompleteDefaultOption/palette");
28
+ var _palette19 = require("../components/form/Autocomplete/components/OrganizationAutocompleteItem/palette");
29
+ var _palette20 = require("../components/common/Drawer/palette");
30
+ var _palette21 = require("../components/common/EntityAutocompleteOptionsDrawer/palette");
31
+ var _palette22 = require("../components/form/CodeInput/palette");
32
+ var _palette23 = require("../components/form/ResetButton/palette");
33
+ var _palette24 = require("../components/form/Toggle/palette");
34
+ var _palette25 = require("../components/common/ReadOnlyLabelValueField/palette");
35
+ var _palette26 = require("../components/common/PointsLoader/palette");
36
+ var _palette27 = require("../components/form/TagsInput/palette");
37
+ var _palette28 = require("../components/form/DateTimeInput/components/TimePicker/palette");
38
+ var _palette29 = require("../components/form/DateTimeInput/components/MobileWheelPicker/palette");
39
+ var _palette30 = require("../components/form/DateTimeInput/palette");
40
+ var _palette31 = require("../components/form/common/DrawerHeader/palette");
41
+ var _palette32 = require("../components/form/Checkbox/palette");
42
+ var _palette33 = require("../components/common/Tooltip/palette");
43
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
44
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
43
45
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
44
46
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
45
47
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -64,32 +66,33 @@ var PaletteProvider = exports.PaletteProvider = function PaletteProvider(_ref) {
64
66
  arrow: (0, _palette4.generateArrowPalette)(mergedAbstractPalette),
65
67
  inputLabel: (0, _palette5.generateInputLabelPalette)(mergedAbstractPalette),
66
68
  pureInput: (0, _palette6.generatePureInputPalette)(mergedAbstractPalette),
67
- searchInput: (0, _palette12.generateSearchInputPalette)(mergedAbstractPalette),
69
+ searchInput: (0, _palette14.generateSearchInputPalette)(mergedAbstractPalette),
68
70
  dropdown: (0, _palette7.generateDropdownPalette)(mergedAbstractPalette),
69
71
  scrollbar: (0, _palette8.generateScrollbarPalette)(mergedAbstractPalette),
70
72
  select: (0, _palette9.generateSelectPalette)(mergedAbstractPalette),
71
- countrySelect: (0, _palette13.generateCountrySelectPalette)(mergedAbstractPalette),
72
- dateInput: (0, _palette0.generateDateInputPalette)(mergedAbstractPalette),
73
- warningIcon: (0, _palette1.generateWarningIconPalette)(mergedAbstractPalette),
74
- divider: (0, _palette10.generateDividerPalette)(mergedAbstractPalette),
75
- calendar: (0, _palette11.generateCalendarPalette)(mergedAbstractPalette),
76
- bgCard: (0, _palette14.generateBgCardPalette)(mergedAbstractPalette),
77
- toast: (0, _palette15.generateToastPalette)(mergedAbstractPalette),
78
- autocompleteDefaultOption: (0, _palette16.generateAutocompleteDefaultOptionPalette)(mergedAbstractPalette),
79
- organizationAutocompleteItem: (0, _palette17.generateOrganizationAutocompleteItemPalette)(mergedAbstractPalette),
80
- drawer: (0, _palette18.generateDrawerPalette)(mergedAbstractPalette),
81
- entityAutocompleteOptionsDrawer: (0, _palette19.generateEntityAutocompleteOptionsDrawerPalette)(mergedAbstractPalette),
82
- codeInput: (0, _palette20.generateCodeInputPalette)(mergedAbstractPalette),
83
- resetButton: (0, _palette21.generateResetButtonPalette)(mergedAbstractPalette),
84
- toggle: (0, _palette22.generateTogglePalette)(mergedAbstractPalette),
85
- readOnlyLabelValueField: (0, _palette23.generateReadOnlyLabelValueFieldPalette)(mergedAbstractPalette),
86
- pointsLoader: (0, _palette24.generatePointsLoaderPalette)(mergedAbstractPalette),
87
- tagsInput: (0, _palette25.generateTagsInputPalette)(mergedAbstractPalette),
88
- timePicker: (0, _palette26.generateTimePickerPalette)(mergedAbstractPalette),
89
- dateTimeInput: (0, _palette27.generateDateTimeInputPalette)(mergedAbstractPalette),
90
- drawerHeader: (0, _palette28.generateDrawerHeaderPalette)(mergedAbstractPalette),
91
- checkbox: (0, _palette29.generateCheckboxPalette)(mergedAbstractPalette),
92
- tooltip: (0, _palette30.generateTooltipPalette)(mergedAbstractPalette)
73
+ countrySelect: (0, _palette15.generateCountrySelectPalette)(mergedAbstractPalette),
74
+ dateInput: (0, _palette10.generateDateInputPalette)(mergedAbstractPalette),
75
+ warningIcon: (0, _palette11.generateWarningIconPalette)(mergedAbstractPalette),
76
+ divider: (0, _palette12.generateDividerPalette)(mergedAbstractPalette),
77
+ calendar: (0, _palette13.generateCalendarPalette)(mergedAbstractPalette),
78
+ bgCard: (0, _palette16.generateBgCardPalette)(mergedAbstractPalette),
79
+ toast: (0, _palette17.generateToastPalette)(mergedAbstractPalette),
80
+ autocompleteDefaultOption: (0, _palette18.generateAutocompleteDefaultOptionPalette)(mergedAbstractPalette),
81
+ organizationAutocompleteItem: (0, _palette19.generateOrganizationAutocompleteItemPalette)(mergedAbstractPalette),
82
+ drawer: (0, _palette20.generateDrawerPalette)(mergedAbstractPalette),
83
+ entityAutocompleteOptionsDrawer: (0, _palette21.generateEntityAutocompleteOptionsDrawerPalette)(mergedAbstractPalette),
84
+ codeInput: (0, _palette22.generateCodeInputPalette)(mergedAbstractPalette),
85
+ resetButton: (0, _palette23.generateResetButtonPalette)(mergedAbstractPalette),
86
+ toggle: (0, _palette24.generateTogglePalette)(mergedAbstractPalette),
87
+ readOnlyLabelValueField: (0, _palette25.generateReadOnlyLabelValueFieldPalette)(mergedAbstractPalette),
88
+ pointsLoader: (0, _palette26.generatePointsLoaderPalette)(mergedAbstractPalette),
89
+ tagsInput: (0, _palette27.generateTagsInputPalette)(mergedAbstractPalette),
90
+ timePicker: (0, _palette28.generateTimePickerPalette)(mergedAbstractPalette),
91
+ mobileWheelPicker: (0, _palette29.generateMobileWheelPickerPalette)(mergedAbstractPalette),
92
+ dateTimeInput: (0, _palette30.generateDateTimeInputPalette)(mergedAbstractPalette),
93
+ drawerHeader: (0, _palette31.generateDrawerHeaderPalette)(mergedAbstractPalette),
94
+ checkbox: (0, _palette32.generateCheckboxPalette)(mergedAbstractPalette),
95
+ tooltip: (0, _palette33.generateTooltipPalette)(mergedAbstractPalette)
93
96
  };
94
97
  }, [mergedSkeletonPalette, mergedAbstractPalette]);
95
98
  return /*#__PURE__*/_react["default"].createElement(_context.PaletteContext.Provider, {
@@ -27,6 +27,7 @@ export declare const usePalette: () => {
27
27
  pointsLoader: import("../components/common/PointsLoader/palette").TPointsLoaderPalette;
28
28
  tagsInput: import("../components/form/TagsInput/palette").TTagsInputPalette;
29
29
  timePicker: import("../components/form/DateTimeInput/components/TimePicker/palette").TTimePickerPalette;
30
+ mobileWheelPicker: import("../components/form/DateTimeInput/components/MobileWheelPicker/palette").TMobileWheelPickerPalette;
30
31
  dateTimeInput: import("../components/form/DateTimeInput/palette").TDateTimeInputPalette;
31
32
  drawerHeader: import("../components/form/common/DrawerHeader/palette").TDrawerHeaderPalette;
32
33
  checkbox: import("../components/form/Checkbox/palette").TCheckboxPalette;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@invoicebox/ui",
3
- "version": "0.1.0-alpha.320",
3
+ "version": "0.1.0-alpha.321",
4
4
  "description": "Invoicebox UI",
5
5
  "license": "Apache License 2.0",
6
6
  "scripts": {
@@ -1,8 +0,0 @@
1
- import { FC } from 'react';
2
- type TProps = {
3
- numbers: Array<number>;
4
- value: number;
5
- onChange: (value: number) => void;
6
- };
7
- declare const MobileNumbersColumn: FC<TProps>;
8
- export default MobileNumbersColumn;
@@ -1,201 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var _react = _interopRequireWildcard(require("react"));
9
- var S = _interopRequireWildcard(require("./styles"));
10
- function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
11
- function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
12
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
13
- function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
14
- function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
15
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
16
- function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
17
- // Константы для оптимизации
18
- var OPACITY_STEPS = [1, 0.8, 0.5, 0.3, 0.2];
19
- var INCLINE_STEPS = [0, 20, 45, 70, 80];
20
- var MobileNumbersColumn = function MobileNumbersColumn(_ref) {
21
- var numbers = _ref.numbers,
22
- value = _ref.value,
23
- onChange = _ref.onChange;
24
- var _useState = (0, _react.useState)(null),
25
- _useState2 = _slicedToArray(_useState, 2),
26
- centerNumber = _useState2[0],
27
- setCenterNumber = _useState2[1];
28
- var containerRef = (0, _react.useRef)(null);
29
- var itemsRef = (0, _react.useRef)([]);
30
- var isScrollingRef = (0, _react.useRef)(null);
31
- var rafRef = (0, _react.useRef)(null);
32
-
33
- // Функция для центрирования элемента
34
- var snapToCenter = (0, _react.useCallback)(function (index) {
35
- if (!containerRef.current || index === -1) return;
36
- var container = containerRef.current;
37
- var item = itemsRef.current[index];
38
- if (!item) return;
39
- var scrollOffset = item.offsetTop - container.clientHeight / 2 + item.clientHeight / 2;
40
- container.scrollTo({
41
- top: scrollOffset,
42
- behavior: 'smooth'
43
- });
44
- }, []);
45
-
46
- // Оптимизированная функция поиска центра
47
- var findCenterElement = (0, _react.useCallback)(function () {
48
- if (!containerRef.current) return -1;
49
- var container = containerRef.current;
50
- var containerRect = container.getBoundingClientRect();
51
- var containerCenter = containerRect.top + containerRect.height / 2;
52
- var minDistance = Infinity;
53
- var closestIndex = -1;
54
-
55
- // Находим только ближайший индекс
56
- itemsRef.current.forEach(function (item, index) {
57
- if (item) {
58
- var itemRect = item.getBoundingClientRect();
59
- var itemCenter = itemRect.top + itemRect.height / 2;
60
- var distance = Math.abs(itemCenter - containerCenter);
61
- if (distance < minDistance) {
62
- minDistance = distance;
63
- closestIndex = index;
64
- }
65
- }
66
- });
67
- var newNumber = numbers.find(function (a, index) {
68
- return index === closestIndex;
69
- });
70
- if (closestIndex !== -1 && typeof newNumber === 'number') {
71
- setCenterNumber(newNumber.toString());
72
- }
73
- return closestIndex;
74
- }, [numbers]);
75
- (0, _react.useEffect)(function () {
76
- if (value) {
77
- var indexValue = numbers.indexOf(value);
78
- snapToCenter(indexValue);
79
- } else {
80
- snapToCenter(0);
81
- }
82
- }, [numbers, snapToCenter, value]);
83
-
84
- // Оптимизированный обработчик скролла
85
- (0, _react.useEffect)(function () {
86
- if (!containerRef.current) return;
87
- var container = containerRef.current;
88
- var handleScroll = function handleScroll() {
89
- if (rafRef.current) {
90
- cancelAnimationFrame(rafRef.current);
91
- }
92
- rafRef.current = requestAnimationFrame(function () {
93
- findCenterElement();
94
- });
95
- if (isScrollingRef.current) {
96
- clearTimeout(isScrollingRef.current);
97
- }
98
- isScrollingRef.current = setTimeout(function () {
99
- var closestIndex = findCenterElement();
100
- if (closestIndex !== -1) {
101
- snapToCenter(closestIndex);
102
- var newNumber = numbers.find(function (item, index) {
103
- return index === closestIndex;
104
- });
105
- if (typeof newNumber === 'number') {
106
- onChange(newNumber);
107
- }
108
- }
109
- }, 150);
110
- };
111
- container.addEventListener('scroll', handleScroll, {
112
- passive: true
113
- });
114
- setTimeout(function () {
115
- return findCenterElement();
116
- }, 0);
117
- return function () {
118
- container.removeEventListener('scroll', handleScroll);
119
- if (rafRef.current) {
120
- cancelAnimationFrame(rafRef.current);
121
- }
122
- if (isScrollingRef.current) {
123
- clearTimeout(isScrollingRef.current);
124
- }
125
- };
126
- }, [findCenterElement, numbers, onChange, snapToCenter]);
127
-
128
- // Функция получения стилей на основе индекса
129
- var getItemStyles = (0, _react.useCallback)(function (index) {
130
- if (!centerNumber) return {
131
- opacity: 0.2,
132
- incline: 80
133
- };
134
- var activeIndex = numbers.indexOf(Number(centerNumber));
135
-
136
- // Расстояние от активного элемента
137
- var distance = Math.abs(index - activeIndex);
138
- var maxDistance = 5; // Максимальное расстояние для применения эффекта
139
-
140
- // Выбираем стиль на основе расстояния
141
- var stepIndex = Math.min(distance, maxDistance);
142
-
143
- // Используем предвычисленные значения
144
- var opacityIndex = Math.min(stepIndex, OPACITY_STEPS.length - 1);
145
- var inclineIndex = Math.min(stepIndex, INCLINE_STEPS.length - 1);
146
- return {
147
- opacity: OPACITY_STEPS[opacityIndex],
148
- incline: INCLINE_STEPS[inclineIndex]
149
- };
150
- }, [centerNumber, numbers]);
151
- var handleNumberClick = (0, _react.useCallback)(function (index) {
152
- snapToCenter(index);
153
- }, [snapToCenter]);
154
- return /*#__PURE__*/_react["default"].createElement(S.Wrapper, {
155
- ref: containerRef
156
- }, /*#__PURE__*/_react["default"].createElement(S.Number, {
157
- $opacity: 0,
158
- $isActive: false,
159
- $incline: 0
160
- }), /*#__PURE__*/_react["default"].createElement(S.Number, {
161
- $opacity: 0,
162
- $isActive: false,
163
- $incline: 0
164
- }), /*#__PURE__*/_react["default"].createElement(S.Number, {
165
- $opacity: 0,
166
- $isActive: false,
167
- $incline: 0
168
- }), numbers.map(function (numberItem, index) {
169
- var _getItemStyles = getItemStyles(index),
170
- opacity = _getItemStyles.opacity,
171
- incline = _getItemStyles.incline;
172
- var isActive = centerNumber === numberItem.toString();
173
- return /*#__PURE__*/_react["default"].createElement(S.Number, {
174
- key: numberItem,
175
- $opacity: opacity,
176
- $incline: incline,
177
- $isActive: isActive,
178
- ref: function ref(el) {
179
- if (el) {
180
- itemsRef.current[index] = el;
181
- }
182
- },
183
- onClick: function onClick() {
184
- return handleNumberClick(index);
185
- }
186
- }, numberItem.toString().length === 1 ? "0".concat(numberItem) : numberItem);
187
- }), /*#__PURE__*/_react["default"].createElement(S.Number, {
188
- $opacity: 0,
189
- $isActive: false,
190
- $incline: 0
191
- }), /*#__PURE__*/_react["default"].createElement(S.Number, {
192
- $opacity: 0,
193
- $isActive: false,
194
- $incline: 0
195
- }), /*#__PURE__*/_react["default"].createElement(S.Number, {
196
- $opacity: 0,
197
- $isActive: false,
198
- $incline: 0
199
- }));
200
- };
201
- var _default = exports["default"] = MobileNumbersColumn;
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
- export declare const Number: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
4
- $opacity: number;
5
- $incline: number;
6
- $isActive: boolean;
7
- }>> & string;
@@ -1,27 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.Wrapper = exports.Number = void 0;
8
- var _styledComponents = _interopRequireWildcard(require("styled-components"));
9
- var _reducedMotion = require("../../../../../utils/reducedMotion");
10
- function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
11
- var Wrapper = exports.Wrapper = _styledComponents["default"].div.withConfig({
12
- displayName: "styles__Wrapper",
13
- componentId: "sc-jqg7lg-0"
14
- })(["height:100%;overflow:scroll;display:flex;flex-direction:column;align-items:center;width:100%;position:relative;text-align:right;transform:translateZ(0);backface-visibility:hidden;will-change:transform;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none;}"]);
15
- var Number = exports.Number = _styledComponents["default"].div.withConfig({
16
- displayName: "styles__Number",
17
- componentId: "sc-jqg7lg-1"
18
- })(["opacity:", ";width:28px;height:28px;flex-shrink:0;transform:translateZ(0) rotateX(", "deg);backface-visibility:hidden;will-change:transform,opacity;transition:all 0.1s ease;", " ", ""], function (_ref) {
19
- var $opacity = _ref.$opacity;
20
- return $opacity;
21
- }, function (_ref2) {
22
- var $incline = _ref2.$incline;
23
- return $incline;
24
- }, function (_ref3) {
25
- var $isActive = _ref3.$isActive;
26
- return $isActive && (0, _styledComponents.css)(["margin:4px 0;"]);
27
- }, _reducedMotion.reducedMotion);