@alfalab/core-components-custom-picker-button 2.6.31 → 3.0.0-snapshot-6a9d3fc

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 (136) hide show
  1. package/Component.responsive.d.ts +5 -7
  2. package/Component.responsive.js +4 -3
  3. package/Component.responsive.js.map +1 -0
  4. package/cssm/Component.responsive.d.ts +5 -7
  5. package/cssm/Component.responsive.js +6 -5
  6. package/cssm/Component.responsive.js.map +1 -0
  7. package/cssm/desktop/Component.desktop.d.ts +4 -6
  8. package/cssm/desktop/Component.desktop.js +3 -2
  9. package/cssm/desktop/Component.desktop.js.map +1 -0
  10. package/cssm/desktop/index.d.ts +1 -2
  11. package/cssm/desktop/index.js +3 -2
  12. package/cssm/desktop/index.js.map +1 -0
  13. package/cssm/field/Component.d.ts +7 -9
  14. package/cssm/field/Component.js +3 -2
  15. package/cssm/field/Component.js.map +1 -0
  16. package/cssm/field/index.d.ts +1 -1
  17. package/cssm/field/index.js +3 -2
  18. package/cssm/field/index.js.map +1 -0
  19. package/cssm/field/index.module.css +3 -23
  20. package/cssm/index.d.ts +1 -2
  21. package/cssm/index.js +1 -0
  22. package/cssm/index.js.map +1 -0
  23. package/cssm/mobile/Component.mobile.d.ts +4 -6
  24. package/cssm/mobile/Component.mobile.js +3 -2
  25. package/cssm/mobile/Component.mobile.js.map +1 -0
  26. package/cssm/mobile/index.d.ts +1 -2
  27. package/cssm/mobile/index.js +3 -2
  28. package/cssm/mobile/index.js.map +1 -0
  29. package/desktop/Component.desktop.d.ts +4 -6
  30. package/desktop/Component.desktop.js +3 -2
  31. package/desktop/Component.desktop.js.map +1 -0
  32. package/desktop/index.d.ts +1 -2
  33. package/desktop/index.js +3 -2
  34. package/desktop/index.js.map +1 -0
  35. package/esm/Component.responsive.d.ts +5 -7
  36. package/esm/Component.responsive.js +1 -0
  37. package/esm/Component.responsive.js.map +1 -0
  38. package/esm/desktop/Component.desktop.d.ts +4 -6
  39. package/esm/desktop/Component.desktop.js +1 -0
  40. package/esm/desktop/Component.desktop.js.map +1 -0
  41. package/esm/desktop/index.d.ts +1 -2
  42. package/esm/desktop/index.js +1 -0
  43. package/esm/desktop/index.js.map +1 -0
  44. package/esm/field/Component.d.ts +7 -9
  45. package/esm/field/Component.js +2 -3
  46. package/esm/field/Component.js.map +1 -0
  47. package/esm/field/index.css +6 -27
  48. package/esm/field/index.d.ts +1 -1
  49. package/esm/field/index.js +1 -0
  50. package/esm/field/index.js.map +1 -0
  51. package/esm/field/index.module.css.js +6 -0
  52. package/esm/field/index.module.css.js.map +1 -0
  53. package/esm/index.d.ts +1 -2
  54. package/esm/index.js +1 -0
  55. package/esm/index.js.map +1 -0
  56. package/esm/mobile/Component.mobile.d.ts +4 -6
  57. package/esm/mobile/Component.mobile.js +1 -0
  58. package/esm/mobile/Component.mobile.js.map +1 -0
  59. package/esm/mobile/index.d.ts +1 -2
  60. package/esm/mobile/index.js +1 -0
  61. package/esm/mobile/index.js.map +1 -0
  62. package/field/Component.d.ts +7 -9
  63. package/field/Component.js +5 -6
  64. package/field/Component.js.map +1 -0
  65. package/field/index.css +6 -27
  66. package/field/index.d.ts +1 -1
  67. package/field/index.js +3 -2
  68. package/field/index.js.map +1 -0
  69. package/field/index.module.css.js +8 -0
  70. package/field/index.module.css.js.map +1 -0
  71. package/index.d.ts +1 -2
  72. package/index.js +1 -0
  73. package/index.js.map +1 -0
  74. package/mobile/Component.mobile.d.ts +4 -6
  75. package/mobile/Component.mobile.js +3 -2
  76. package/mobile/Component.mobile.js.map +1 -0
  77. package/mobile/index.d.ts +1 -2
  78. package/mobile/index.js +3 -2
  79. package/mobile/index.js.map +1 -0
  80. package/modern/Component.responsive.d.ts +5 -7
  81. package/modern/Component.responsive.js +1 -0
  82. package/modern/Component.responsive.js.map +1 -0
  83. package/modern/desktop/Component.desktop.d.ts +4 -6
  84. package/modern/desktop/Component.desktop.js +1 -0
  85. package/modern/desktop/Component.desktop.js.map +1 -0
  86. package/modern/desktop/index.d.ts +1 -2
  87. package/modern/desktop/index.js +1 -0
  88. package/modern/desktop/index.js.map +1 -0
  89. package/modern/field/Component.d.ts +7 -9
  90. package/modern/field/Component.js +2 -3
  91. package/modern/field/Component.js.map +1 -0
  92. package/modern/field/index.css +6 -27
  93. package/modern/field/index.d.ts +1 -1
  94. package/modern/field/index.js +1 -0
  95. package/modern/field/index.js.map +1 -0
  96. package/modern/field/index.module.css.js +6 -0
  97. package/modern/field/index.module.css.js.map +1 -0
  98. package/modern/index.d.ts +1 -2
  99. package/modern/index.js +1 -0
  100. package/modern/index.js.map +1 -0
  101. package/modern/mobile/Component.mobile.d.ts +4 -6
  102. package/modern/mobile/Component.mobile.js +1 -0
  103. package/modern/mobile/Component.mobile.js.map +1 -0
  104. package/modern/mobile/index.d.ts +1 -2
  105. package/modern/mobile/index.js +1 -0
  106. package/modern/mobile/index.js.map +1 -0
  107. package/moderncssm/Component.responsive.d.ts +5 -7
  108. package/moderncssm/Component.responsive.js +1 -0
  109. package/moderncssm/Component.responsive.js.map +1 -0
  110. package/moderncssm/desktop/Component.desktop.d.ts +4 -6
  111. package/moderncssm/desktop/Component.desktop.js +1 -0
  112. package/moderncssm/desktop/Component.desktop.js.map +1 -0
  113. package/moderncssm/desktop/index.d.ts +1 -2
  114. package/moderncssm/desktop/index.js +1 -0
  115. package/moderncssm/desktop/index.js.map +1 -0
  116. package/moderncssm/field/Component.d.ts +7 -9
  117. package/moderncssm/field/Component.js +1 -0
  118. package/moderncssm/field/Component.js.map +1 -0
  119. package/moderncssm/field/index.d.ts +1 -1
  120. package/moderncssm/field/index.js +1 -0
  121. package/moderncssm/field/index.js.map +1 -0
  122. package/moderncssm/field/index.module.css +0 -2
  123. package/moderncssm/index.d.ts +1 -2
  124. package/moderncssm/index.js +1 -0
  125. package/moderncssm/index.js.map +1 -0
  126. package/moderncssm/mobile/Component.mobile.d.ts +4 -6
  127. package/moderncssm/mobile/Component.mobile.js +1 -0
  128. package/moderncssm/mobile/Component.mobile.js.map +1 -0
  129. package/moderncssm/mobile/index.d.ts +1 -2
  130. package/moderncssm/mobile/index.js +1 -0
  131. package/moderncssm/mobile/index.js.map +1 -0
  132. package/package.json +8 -9
  133. package/desktop/package.json +0 -3
  134. package/mobile/package.json +0 -3
  135. package/src/desktop/package.json +0 -3
  136. package/src/mobile/package.json +0 -3
package/modern/field/Component.d.ts CHANGED
@@ -1,14 +1,12 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { ComponentType, SVGProps } from "react";
4
- import { CustomButtonProps } from "@alfalab/core-components-custom-button";
5
- import { PickerButtonSize, PickerButtonVariant } from "@alfalab/core-components-picker-button/shared";
6
- import { FieldProps as BaseFieldProps } from "@alfalab/core-components-select/shared";
7
- type FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> & CustomButtonProps & {
1
+ import React, { ComponentType, SVGProps } from 'react';
2
+ import { CustomButtonProps } from '@alfalab/core-components-custom-button';
3
+ import { PickerButtonSize, PickerButtonVariant } from '@alfalab/core-components-picker-button/shared';
4
+ import { FieldProps as BaseFieldProps } from '@alfalab/core-components-select/shared';
5
+ declare type FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> & CustomButtonProps & {
8
6
  buttonSize?: PickerButtonSize;
9
7
  buttonVariant?: PickerButtonVariant;
10
8
  showArrow?: boolean;
11
9
  icon?: ComponentType<SVGProps<SVGSVGElement>>;
12
10
  };
13
- declare const Field: ({ buttonSize, buttonVariant, backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow, icon, ...restProps }: FieldProps) => React.JSX.Element;
14
- export { Field };
11
+ export declare const Field: ({ buttonSize, buttonVariant, backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow, icon, ...restProps }: FieldProps) => React.JSX.Element;
12
+ export {};
package/modern/field/Component.js CHANGED
@@ -2,9 +2,7 @@ import React, { Fragment } from 'react';
2
2
  import cn from 'classnames';
3
3
  import { CustomButton } from '@alfalab/core-components-custom-button/modern';
4
4
  import { getIcon } from '@alfalab/core-components-picker-button/modern/shared';
5
-
6
- const styles = {"iconContainer":"custom-picker-button__iconContainer_1rkeb","addonsContainer":"custom-picker-button__addonsContainer_1rkeb","showControlIcon":"custom-picker-button__showControlIcon_1rkeb","open":"custom-picker-button__open_1rkeb"};
7
- require('./index.css')
5
+ import styles from './index.module.css.js';
8
6
 
9
7
  const SIZE_TO_CLASSNAME_MAP = {
10
8
  xxs: 'size-32',
@@ -35,3 +33,4 @@ const Field = ({ buttonSize = 56, buttonVariant = 'default', backgroundColor, co
35
33
  };
36
34
 
37
35
  export { Field };
36
+ //# sourceMappingURL=Component.js.map
package/modern/field/Component.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Component.js","sources":["../../src/field/Component.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes, ComponentType, Fragment, SVGProps } from 'react';\nimport cn from 'classnames';\n\nimport { CustomButton, CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n getIcon,\n PickerButtonSize,\n PickerButtonVariant,\n} from '@alfalab/core-components-picker-button/shared';\nimport { FieldProps as BaseFieldProps } from '@alfalab/core-components-select/shared';\n\nimport styles from './index.module.css';\n\ntype FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> &\n CustomButtonProps & {\n buttonSize?: PickerButtonSize;\n buttonVariant?: PickerButtonVariant;\n showArrow?: boolean;\n icon?: ComponentType<SVGProps<SVGSVGElement>>;\n };\n\nconst SIZE_TO_CLASSNAME_MAP = {\n xxs: 'size-32',\n xs: 'size-40',\n s: 'size-48',\n m: 'size-56',\n l: 'size-64',\n xl: 'size-72',\n 32: 'size-32',\n 40: 'size-40',\n 48: 'size-48',\n 56: 'size-56',\n 64: 'size-64',\n 72: 'size-72',\n};\n\nexport const Field = ({\n buttonSize = 56,\n buttonVariant = 'default',\n backgroundColor,\n contentColor,\n stateType,\n label,\n open,\n rightAddons,\n innerProps,\n className,\n showArrow = true,\n icon,\n ...restProps\n}: FieldProps) => {\n const Icon: ComponentType<SVGProps<SVGSVGElement>> = getIcon(\n buttonVariant,\n SIZE_TO_CLASSNAME_MAP[buttonSize],\n icon,\n );\n\n const buttonProps = {\n ...restProps,\n ...innerProps,\n } as ButtonHTMLAttributes<HTMLButtonElement>;\n\n return (\n <CustomButton\n {...buttonProps}\n rightAddons={\n <Fragment>\n {rightAddons && (\n <span\n className={cn(styles.addonsContainer, {\n [styles.showControlIcon]: showArrow || buttonVariant === 'compact',\n })}\n >\n {rightAddons}\n </span>\n )}\n\n {(showArrow || buttonVariant === 'compact') && (\n <span\n className={cn(\n styles.iconContainer,\n buttonVariant !== 'compact' && open && styles.open,\n )}\n >\n <Icon data-test-id='custom-picker-button-icon' />\n </span>\n )}\n </Fragment>\n }\n block={true}\n size={buttonSize}\n backgroundColor={backgroundColor}\n contentColor={contentColor}\n stateType={stateType}\n className={className}\n >\n {buttonVariant !== 'compact' && label}\n </CustomButton>\n );\n};\n"],"names":[],"mappings":";;;;;;AAqBA,MAAM,qBAAqB,GAAG;AAC1B,IAAA,GAAG,EAAE,SAAS;AACd,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,CAAC,EAAE,SAAS;AACZ,IAAA,CAAC,EAAE,SAAS;AACZ,IAAA,CAAC,EAAE,SAAS;AACZ,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;CAChB;AAEY,MAAA,KAAK,GAAG,CAAC,EAClB,UAAU,GAAG,EAAE,EACf,aAAa,GAAG,SAAS,EACzB,eAAe,EACf,YAAY,EACZ,SAAS,EACT,KAAK,EACL,IAAI,EACJ,WAAW,EACX,UAAU,EACV,SAAS,EACT,SAAS,GAAG,IAAI,EAChB,IAAI,EACJ,GAAG,SAAS,EACH,KAAI;AACb,IAAA,MAAM,IAAI,GAA2C,OAAO,CACxD,aAAa,EACb,qBAAqB,CAAC,UAAU,CAAC,EACjC,IAAI,CACP;AAED,IAAA,MAAM,WAAW,GAAG;AAChB,QAAA,GAAG,SAAS;AACZ,QAAA,GAAG,UAAU;KAC2B;IAE5C,QACI,oBAAC,YAAY,EAAA,EAAA,GACL,WAAW,EACf,WAAW,EACP,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA;YACJ,WAAW,KACR,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,eAAe,EAAE;oBAClC,CAAC,MAAM,CAAC,eAAe,GAAG,SAAS,IAAI,aAAa,KAAK,SAAS;iBACrE,CAAC,EAAA,EAED,WAAW,CACT,CACV;YAEA,CAAC,SAAS,IAAI,aAAa,KAAK,SAAS,MACtC,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAE,EAAE,CACT,MAAM,CAAC,aAAa,EACpB,aAAa,KAAK,SAAS,IAAI,IAAI,IAAI,MAAM,CAAC,IAAI,CACrD,EAAA;AAED,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAc,EAAA,cAAA,EAAA,2BAA2B,EAAG,CAAA,CAC9C,CACV,CACM,EAEf,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,UAAU,EAChB,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EAAA,EAEnB,aAAa,KAAK,SAAS,IAAI,KAAK,CAC1B;AAEvB;;;;"}
package/modern/field/index.css CHANGED
@@ -1,36 +1,15 @@
1
- /* hash: 15k5y */
2
- :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
- } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
- } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
- } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
- } :root {
7
-
8
- /* Hard */
9
-
10
- /* Up */
11
-
12
- /* Hard up */
13
- } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
14
-
15
- /* новые значения, используйте их */
16
- } :root { /* deprecated */
17
- --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
18
-
19
- /* новые значения, используйте их */
20
-
21
- /* no-unit может приводить к проблемам в calc (#1559) */
22
- /* stylelint-disable-next-line length-zero-no-unit */
1
+ :root {
2
+ --gap-2xs: 4px;
23
3
  --gap-4: var(--gap-2xs);
24
4
  } :root {
25
- } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
26
5
  --arrow-transform: rotate(180deg);
27
- } /* сбрасывает синюю подсветку при нажатии */ .custom-picker-button__iconContainer_1rkeb {
6
+ } .custom-picker-button__iconContainer_1dxuw {
28
7
  display: flex;
29
8
  transition: transform 0.15s ease-in-out;
30
- } .custom-picker-button__addonsContainer_1rkeb {
9
+ } .custom-picker-button__addonsContainer_1dxuw {
31
10
  display: flex
32
- } .custom-picker-button__addonsContainer_1rkeb.custom-picker-button__showControlIcon_1rkeb {
11
+ } .custom-picker-button__addonsContainer_1dxuw.custom-picker-button__showControlIcon_1dxuw {
33
12
  margin-right: var(--gap-4);
34
- } .custom-picker-button__open_1rkeb {
13
+ } .custom-picker-button__open_1dxuw {
35
14
  transform: var(--arrow-transform);
36
15
  }
package/modern/field/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from "./Component";
1
+ export * from './Component';
package/modern/field/index.js CHANGED
@@ -1 +1,2 @@
1
1
  export { Field } from './Component.js';
2
+ //# sourceMappingURL=index.js.map
package/modern/field/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
package/modern/field/index.module.css.js ADDED
@@ -0,0 +1,6 @@
1
+ import './index.css';
2
+
3
+ const styles = {"iconContainer":"custom-picker-button__iconContainer_1dxuw","addonsContainer":"custom-picker-button__addonsContainer_1dxuw","showControlIcon":"custom-picker-button__showControlIcon_1dxuw","open":"custom-picker-button__open_1dxuw"};
4
+
5
+ export { styles as default };
6
+ //# sourceMappingURL=index.module.css.js.map
package/modern/field/index.module.css.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.module.css.js","sources":["../src/field/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.iconContainer {\n display: flex;\n transition: transform 0.15s ease-in-out;\n}\n\n.addonsContainer {\n display: flex;\n\n &.showControlIcon {\n margin-right: var(--gap-4);\n }\n}\n\n.open {\n transform: var(--arrow-transform);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,eAAe,CAAC,2CAA2C,CAAC,iBAAiB,CAAC,6CAA6C,CAAC,iBAAiB,CAAC,6CAA6C,CAAC,MAAM,CAAC,kCAAkC,CAAC;;;;"}
package/modern/index.d.ts CHANGED
@@ -1,2 +1 @@
1
- export { CustomPickerButtonResponsive as CustomPickerButton, CustomPickerButtonResponsiveProps as CustomPickerButtonProps } from "./Component.responsive";
2
- export {};
1
+ export { CustomPickerButtonResponsive as CustomPickerButton, CustomPickerButtonResponsiveProps as CustomPickerButtonProps, } from './Component.responsive';
package/modern/index.js CHANGED
@@ -1 +1,2 @@
1
1
  export { CustomPickerButtonResponsive as CustomPickerButton } from './Component.responsive.js';
2
+ //# sourceMappingURL=index.js.map
package/modern/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
package/modern/mobile/Component.mobile.d.ts CHANGED
@@ -1,7 +1,5 @@
1
- /// <reference types="react" />
2
1
  import React from 'react';
3
- import { CustomButtonProps } from "@alfalab/core-components-custom-button";
4
- import { PickerButtonMobileProps } from "@alfalab/core-components-picker-button/mobile";
5
- type CustomPickerButtonMobileProps = Omit<PickerButtonMobileProps, 'view' | 'colors'> & Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;
6
- declare const CustomPickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonMobileProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & React.RefAttributes<HTMLInputElement>>;
7
- export { CustomPickerButtonMobileProps, CustomPickerButtonMobile };
2
+ import type { CustomButtonProps } from '@alfalab/core-components-custom-button';
3
+ import { PickerButtonMobileProps } from '@alfalab/core-components-picker-button/mobile';
4
+ export declare type CustomPickerButtonMobileProps = Omit<PickerButtonMobileProps, 'view' | 'colors'> & Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;
5
+ export declare const CustomPickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonMobileProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & React.RefAttributes<HTMLInputElement>>;
package/modern/mobile/Component.mobile.js CHANGED
@@ -11,3 +11,4 @@ const CustomPickerButtonMobile = forwardRef(({ backgroundColor = DEFAULT_BUTTON_
11
11
  }, Field: Field, ref: ref })));
12
12
 
13
13
  export { CustomPickerButtonMobile };
14
+ //# sourceMappingURL=Component.mobile.js.map
package/modern/mobile/Component.mobile.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n PickerButtonMobile,\n PickerButtonMobileProps,\n} from '@alfalab/core-components-picker-button/mobile';\n\nimport { Field as DefaultField } from '../field';\n\nconst DEFAULT_BUTTON_COLOR = '#FF45C3';\nconst DEFAULT_CONTENT_COLOR = 'white';\n\nexport type CustomPickerButtonMobileProps = Omit<PickerButtonMobileProps, 'view' | 'colors'> &\n Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;\n\nexport const CustomPickerButtonMobile = forwardRef<HTMLInputElement, CustomPickerButtonMobileProps>(\n (\n {\n backgroundColor = DEFAULT_BUTTON_COLOR,\n contentColor = DEFAULT_CONTENT_COLOR,\n stateType = 'darkening',\n ...restProps\n },\n ref,\n ) => (\n <PickerButtonMobile\n {...restProps}\n fieldProps={{\n backgroundColor,\n contentColor,\n stateType,\n }}\n Field={DefaultField}\n ref={ref}\n />\n ),\n);\n"],"names":["DefaultField"],"mappings":";;;;AAUA,MAAM,oBAAoB,GAAG,SAAS;AACtC,MAAM,qBAAqB,GAAG,OAAO;AAK9B,MAAM,wBAAwB,GAAG,UAAU,CAC9C,CACI,EACI,eAAe,GAAG,oBAAoB,EACtC,YAAY,GAAG,qBAAqB,EACpC,SAAS,GAAG,WAAW,EACvB,GAAG,SAAS,EACf,EACD,GAAG,MAEH,oBAAC,kBAAkB,EAAA,EAAA,GACX,SAAS,EACb,UAAU,EAAE;QACR,eAAe;QACf,YAAY;QACZ,SAAS;KACZ,EACD,KAAK,EAAEA,KAAY,EACnB,GAAG,EAAE,GAAG,EAAA,CACV,CACL;;;;"}
package/modern/mobile/index.d.ts CHANGED
@@ -1,2 +1 @@
1
- export { CustomPickerButtonMobile, CustomPickerButtonMobileProps } from "./Component.mobile";
2
- export {};
1
+ export { CustomPickerButtonMobile, CustomPickerButtonMobileProps } from './Component.mobile';
package/modern/mobile/index.js CHANGED
@@ -1 +1,2 @@
1
1
  export { CustomPickerButtonMobile } from './Component.mobile.js';
2
+ //# sourceMappingURL=index.js.map
package/modern/mobile/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
package/moderncssm/Component.responsive.d.ts CHANGED
@@ -1,9 +1,8 @@
1
- /// <reference types="react" />
2
1
  import React from 'react';
3
- import { CustomButtonProps } from "@alfalab/core-components-custom-button";
4
- import { AdditionalMobileProps, BottomSheetSelectMobileProps } from "@alfalab/core-components-select/shared";
5
- import { CustomPickerButtonDesktopProps } from "./desktop/index";
6
- type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
2
+ import { CustomButtonProps } from '@alfalab/core-components-custom-button';
3
+ import type { AdditionalMobileProps, BottomSheetSelectMobileProps } from '@alfalab/core-components-select/shared';
4
+ import { CustomPickerButtonDesktopProps } from './desktop';
5
+ export declare type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
7
6
  /**
8
7
  * Контрольная точка, с нее начинается desktop версия
9
8
  * @default 1024
@@ -19,7 +18,7 @@ type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & Additi
19
18
  */
20
19
  defaultMatchMediaValue?: boolean | (() => boolean);
21
20
  };
22
- declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-picker-button/desktop").PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
21
+ export declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-picker-button/desktop").PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
23
22
  /**
24
23
  * Контрольная точка, с нее начинается desktop версия
25
24
  * @default 1024
@@ -35,4 +34,3 @@ declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit
35
34
  */
36
35
  defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
37
36
  } & React.RefAttributes<HTMLInputElement>>;
38
- export { CustomPickerButtonResponsiveProps, CustomPickerButtonResponsive };
package/moderncssm/Component.responsive.js CHANGED
@@ -10,3 +10,4 @@ const CustomPickerButtonResponsive = forwardRef(({ OptionsList, onScroll, footer
10
10
  CustomPickerButtonResponsive.displayName = 'CustomPickerButtonResponsive';
11
11
 
12
12
  export { CustomPickerButtonResponsive };
13
+ //# sourceMappingURL=Component.responsive.js.map
package/moderncssm/Component.responsive.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Component.responsive.js","sources":["../src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport { useIsDesktop } from '@alfalab/core-components-mq';\nimport type {\n AdditionalMobileProps,\n BottomSheetSelectMobileProps,\n} from '@alfalab/core-components-select/shared';\n\nimport { CustomPickerButtonDesktop, CustomPickerButtonDesktopProps } from './desktop';\nimport { CustomPickerButtonMobile } from './mobile';\n\nexport type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps &\n AdditionalMobileProps &\n BottomSheetSelectMobileProps & {\n /**\n * Контрольная точка, с нее начинается desktop версия\n * @default 1024\n */\n breakpoint?: number;\n\n /**\n * Версия, которая будет использоваться при серверном рендеринге\n */\n client?: 'desktop' | 'mobile';\n\n /**\n * Значение по-умолчанию для хука useMatchMedia\n * @deprecated Используйте client\n */\n defaultMatchMediaValue?: boolean | (() => boolean);\n };\n\nexport const CustomPickerButtonResponsive = forwardRef<\n HTMLInputElement,\n CustomPickerButtonResponsiveProps\n>(\n (\n {\n OptionsList,\n onScroll,\n footer,\n swipeable,\n bottomSheetProps,\n breakpoint,\n client,\n defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop',\n ...restProps\n },\n ref,\n ) => {\n const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n return isDesktop ? (\n <CustomPickerButtonDesktop\n ref={ref}\n OptionsList={OptionsList}\n onScroll={onScroll}\n {...restProps}\n />\n ) : (\n <CustomPickerButtonMobile\n ref={ref}\n footer={footer}\n swipeable={swipeable}\n bottomSheetProps={bottomSheetProps}\n {...restProps}\n />\n );\n },\n);\n\nCustomPickerButtonResponsive.displayName = 'CustomPickerButtonResponsive';\n"],"names":[],"mappings":";;;;;MAkCa,4BAA4B,GAAG,UAAU,CAIlD,CACI,EACI,WAAW,EACX,QAAQ,EACR,MAAM,EACN,SAAS,EACT,gBAAgB,EAChB,UAAU,EACV,MAAM,EACN,sBAAsB,GAAG,MAAM,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,KAAK,SAAS,EAChF,GAAG,SAAS,EACf,EACD,GAAG,KACH;IACA,MAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,OAAO,SAAS,IACZ,KAAC,CAAA,aAAA,CAAA,yBAAyB,EACtB,EAAA,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAAA,GACd,SAAS,EAAA,CACf,KAEF,oBAAC,wBAAwB,EAAA,EACrB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAC9B,GAAA,SAAS,EACf,CAAA,CACL;AACL,CAAC;AAGL,4BAA4B,CAAC,WAAW,GAAG,8BAA8B;;;;"}
package/moderncssm/desktop/Component.desktop.d.ts CHANGED
@@ -1,7 +1,5 @@
1
- /// <reference types="react" />
2
1
  import React from 'react';
3
- import { CustomButtonProps } from "@alfalab/core-components-custom-button";
4
- import { PickerButtonDesktopProps } from "@alfalab/core-components-picker-button/desktop";
5
- type CustomPickerButtonDesktopProps = Omit<PickerButtonDesktopProps, 'view' | 'colors'> & Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;
6
- declare const CustomPickerButtonDesktop: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & React.RefAttributes<HTMLInputElement>>;
7
- export { CustomPickerButtonDesktopProps, CustomPickerButtonDesktop };
2
+ import type { CustomButtonProps } from '@alfalab/core-components-custom-button';
3
+ import { PickerButtonDesktopProps } from '@alfalab/core-components-picker-button/desktop';
4
+ export declare type CustomPickerButtonDesktopProps = Omit<PickerButtonDesktopProps, 'view' | 'colors'> & Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;
5
+ export declare const CustomPickerButtonDesktop: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & React.RefAttributes<HTMLInputElement>>;
package/moderncssm/desktop/Component.desktop.js CHANGED
@@ -13,3 +13,4 @@ const CustomPickerButtonDesktop = forwardRef(({ backgroundColor = DEFAULT_BUTTON
13
13
  }, Field: Field, ref: ref })));
14
14
 
15
15
  export { CustomPickerButtonDesktop };
16
+ //# sourceMappingURL=Component.desktop.js.map
package/moderncssm/desktop/Component.desktop.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n PickerButtonDesktop,\n PickerButtonDesktopProps,\n} from '@alfalab/core-components-picker-button/desktop';\n\nimport { Field as DefaultField } from '../field';\n\nconst DEFAULT_BUTTON_COLOR = '#FF45C3';\nconst DEFAULT_CONTENT_COLOR = 'white';\n\nexport type CustomPickerButtonDesktopProps = Omit<PickerButtonDesktopProps, 'view' | 'colors'> &\n Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;\n\nexport const CustomPickerButtonDesktop = forwardRef<\n HTMLInputElement,\n CustomPickerButtonDesktopProps\n>(\n (\n {\n backgroundColor = DEFAULT_BUTTON_COLOR,\n contentColor = DEFAULT_CONTENT_COLOR,\n stateType = 'darkening',\n icon,\n ...restProps\n },\n ref,\n ) => (\n <PickerButtonDesktop\n {...restProps}\n fieldProps={{\n backgroundColor,\n contentColor,\n stateType,\n breakpoint: 1,\n icon,\n }}\n Field={DefaultField}\n ref={ref}\n />\n ),\n);\n"],"names":["DefaultField"],"mappings":";;;;AAUA,MAAM,oBAAoB,GAAG,SAAS;AACtC,MAAM,qBAAqB,GAAG,OAAO;AAKxB,MAAA,yBAAyB,GAAG,UAAU,CAI/C,CACI,EACI,eAAe,GAAG,oBAAoB,EACtC,YAAY,GAAG,qBAAqB,EACpC,SAAS,GAAG,WAAW,EACvB,IAAI,EACJ,GAAG,SAAS,EACf,EACD,GAAG,MAEH,KAAC,CAAA,aAAA,CAAA,mBAAmB,OACZ,SAAS,EACb,UAAU,EAAE;QACR,eAAe;QACf,YAAY;QACZ,SAAS;AACT,QAAA,UAAU,EAAE,CAAC;QACb,IAAI;KACP,EACD,KAAK,EAAEA,KAAY,EACnB,GAAG,EAAE,GAAG,EAAA,CACV,CACL;;;;"}
package/moderncssm/desktop/index.d.ts CHANGED
@@ -1,2 +1 @@
1
- export { CustomPickerButtonDesktop, CustomPickerButtonDesktopProps } from "./Component.desktop";
2
- export {};
1
+ export { CustomPickerButtonDesktop, CustomPickerButtonDesktopProps } from './Component.desktop';
package/moderncssm/desktop/index.js CHANGED
@@ -1 +1,2 @@
1
1
  export { CustomPickerButtonDesktop } from './Component.desktop.js';
2
+ //# sourceMappingURL=index.js.map
package/moderncssm/desktop/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
package/moderncssm/field/Component.d.ts CHANGED
@@ -1,14 +1,12 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { ComponentType, SVGProps } from "react";
4
- import { CustomButtonProps } from "@alfalab/core-components-custom-button";
5
- import { PickerButtonSize, PickerButtonVariant } from "@alfalab/core-components-picker-button/shared";
6
- import { FieldProps as BaseFieldProps } from "@alfalab/core-components-select/shared";
7
- type FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> & CustomButtonProps & {
1
+ import React, { ComponentType, SVGProps } from 'react';
2
+ import { CustomButtonProps } from '@alfalab/core-components-custom-button';
3
+ import { PickerButtonSize, PickerButtonVariant } from '@alfalab/core-components-picker-button/shared';
4
+ import { FieldProps as BaseFieldProps } from '@alfalab/core-components-select/shared';
5
+ declare type FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> & CustomButtonProps & {
8
6
  buttonSize?: PickerButtonSize;
9
7
  buttonVariant?: PickerButtonVariant;
10
8
  showArrow?: boolean;
11
9
  icon?: ComponentType<SVGProps<SVGSVGElement>>;
12
10
  };
13
- declare const Field: ({ buttonSize, buttonVariant, backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow, icon, ...restProps }: FieldProps) => React.JSX.Element;
14
- export { Field };
11
+ export declare const Field: ({ buttonSize, buttonVariant, backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow, icon, ...restProps }: FieldProps) => React.JSX.Element;
12
+ export {};
package/moderncssm/field/Component.js CHANGED
@@ -33,3 +33,4 @@ const Field = ({ buttonSize = 56, buttonVariant = 'default', backgroundColor, co
33
33
  };
34
34
 
35
35
  export { Field };
36
+ //# sourceMappingURL=Component.js.map
package/moderncssm/field/Component.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Component.js","sources":["../../src/field/Component.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes, ComponentType, Fragment, SVGProps } from 'react';\nimport cn from 'classnames';\n\nimport { CustomButton, CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n getIcon,\n PickerButtonSize,\n PickerButtonVariant,\n} from '@alfalab/core-components-picker-button/shared';\nimport { FieldProps as BaseFieldProps } from '@alfalab/core-components-select/shared';\n\nimport styles from './index.module.css';\n\ntype FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> &\n CustomButtonProps & {\n buttonSize?: PickerButtonSize;\n buttonVariant?: PickerButtonVariant;\n showArrow?: boolean;\n icon?: ComponentType<SVGProps<SVGSVGElement>>;\n };\n\nconst SIZE_TO_CLASSNAME_MAP = {\n xxs: 'size-32',\n xs: 'size-40',\n s: 'size-48',\n m: 'size-56',\n l: 'size-64',\n xl: 'size-72',\n 32: 'size-32',\n 40: 'size-40',\n 48: 'size-48',\n 56: 'size-56',\n 64: 'size-64',\n 72: 'size-72',\n};\n\nexport const Field = ({\n buttonSize = 56,\n buttonVariant = 'default',\n backgroundColor,\n contentColor,\n stateType,\n label,\n open,\n rightAddons,\n innerProps,\n className,\n showArrow = true,\n icon,\n ...restProps\n}: FieldProps) => {\n const Icon: ComponentType<SVGProps<SVGSVGElement>> = getIcon(\n buttonVariant,\n SIZE_TO_CLASSNAME_MAP[buttonSize],\n icon,\n );\n\n const buttonProps = {\n ...restProps,\n ...innerProps,\n } as ButtonHTMLAttributes<HTMLButtonElement>;\n\n return (\n <CustomButton\n {...buttonProps}\n rightAddons={\n <Fragment>\n {rightAddons && (\n <span\n className={cn(styles.addonsContainer, {\n [styles.showControlIcon]: showArrow || buttonVariant === 'compact',\n })}\n >\n {rightAddons}\n </span>\n )}\n\n {(showArrow || buttonVariant === 'compact') && (\n <span\n className={cn(\n styles.iconContainer,\n buttonVariant !== 'compact' && open && styles.open,\n )}\n >\n <Icon data-test-id='custom-picker-button-icon' />\n </span>\n )}\n </Fragment>\n }\n block={true}\n size={buttonSize}\n backgroundColor={backgroundColor}\n contentColor={contentColor}\n stateType={stateType}\n className={className}\n >\n {buttonVariant !== 'compact' && label}\n </CustomButton>\n );\n};\n"],"names":[],"mappings":";;;;;;AAqBA,MAAM,qBAAqB,GAAG;AAC1B,IAAA,GAAG,EAAE,SAAS;AACd,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,CAAC,EAAE,SAAS;AACZ,IAAA,CAAC,EAAE,SAAS;AACZ,IAAA,CAAC,EAAE,SAAS;AACZ,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,SAAS;CAChB;AAEY,MAAA,KAAK,GAAG,CAAC,EAClB,UAAU,GAAG,EAAE,EACf,aAAa,GAAG,SAAS,EACzB,eAAe,EACf,YAAY,EACZ,SAAS,EACT,KAAK,EACL,IAAI,EACJ,WAAW,EACX,UAAU,EACV,SAAS,EACT,SAAS,GAAG,IAAI,EAChB,IAAI,EACJ,GAAG,SAAS,EACH,KAAI;AACb,IAAA,MAAM,IAAI,GAA2C,OAAO,CACxD,aAAa,EACb,qBAAqB,CAAC,UAAU,CAAC,EACjC,IAAI,CACP;AAED,IAAA,MAAM,WAAW,GAAG;AAChB,QAAA,GAAG,SAAS;AACZ,QAAA,GAAG,UAAU;KAC2B;IAE5C,QACI,oBAAC,YAAY,EAAA,EAAA,GACL,WAAW,EACf,WAAW,EACP,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA;YACJ,WAAW,KACR,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,eAAe,EAAE;oBAClC,CAAC,MAAM,CAAC,eAAe,GAAG,SAAS,IAAI,aAAa,KAAK,SAAS;iBACrE,CAAC,EAAA,EAED,WAAW,CACT,CACV;YAEA,CAAC,SAAS,IAAI,aAAa,KAAK,SAAS,MACtC,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAE,EAAE,CACT,MAAM,CAAC,aAAa,EACpB,aAAa,KAAK,SAAS,IAAI,IAAI,IAAI,MAAM,CAAC,IAAI,CACrD,EAAA;AAED,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAc,EAAA,cAAA,EAAA,2BAA2B,EAAG,CAAA,CAC9C,CACV,CACM,EAEf,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,UAAU,EAChB,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EAAA,EAEnB,aAAa,KAAK,SAAS,IAAI,KAAK,CAC1B;AAEvB;;;;"}
package/moderncssm/field/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from "./Component";
1
+ export * from './Component';
package/moderncssm/field/index.js CHANGED
@@ -1 +1,2 @@
1
1
  export { Field } from './Component.js';
2
+ //# sourceMappingURL=index.js.map
package/moderncssm/field/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
package/moderncssm/field/index.module.css CHANGED
@@ -1,5 +1,3 @@
1
- /* */
2
-
3
1
  .iconContainer {
4
2
  display: flex;
5
3
  transition: transform 0.15s ease-in-out;
package/moderncssm/index.d.ts CHANGED
@@ -1,2 +1 @@
1
- export { CustomPickerButtonResponsive as CustomPickerButton, CustomPickerButtonResponsiveProps as CustomPickerButtonProps } from "./Component.responsive";
2
- export {};
1
+ export { CustomPickerButtonResponsive as CustomPickerButton, CustomPickerButtonResponsiveProps as CustomPickerButtonProps, } from './Component.responsive';
package/moderncssm/index.js CHANGED
@@ -1 +1,2 @@
1
1
  export { CustomPickerButtonResponsive as CustomPickerButton } from './Component.responsive.js';
2
+ //# sourceMappingURL=index.js.map
package/moderncssm/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
package/moderncssm/mobile/Component.mobile.d.ts CHANGED
@@ -1,7 +1,5 @@
1
- /// <reference types="react" />
2
1
  import React from 'react';
3
- import { CustomButtonProps } from "@alfalab/core-components-custom-button";
4
- import { PickerButtonMobileProps } from "@alfalab/core-components-picker-button/mobile";
5
- type CustomPickerButtonMobileProps = Omit<PickerButtonMobileProps, 'view' | 'colors'> & Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;
6
- declare const CustomPickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonMobileProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & React.RefAttributes<HTMLInputElement>>;
7
- export { CustomPickerButtonMobileProps, CustomPickerButtonMobile };
2
+ import type { CustomButtonProps } from '@alfalab/core-components-custom-button';
3
+ import { PickerButtonMobileProps } from '@alfalab/core-components-picker-button/mobile';
4
+ export declare type CustomPickerButtonMobileProps = Omit<PickerButtonMobileProps, 'view' | 'colors'> & Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;
5
+ export declare const CustomPickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonMobileProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & React.RefAttributes<HTMLInputElement>>;
package/moderncssm/mobile/Component.mobile.js CHANGED
@@ -11,3 +11,4 @@ const CustomPickerButtonMobile = forwardRef(({ backgroundColor = DEFAULT_BUTTON_
11
11
  }, Field: Field, ref: ref })));
12
12
 
13
13
  export { CustomPickerButtonMobile };
14
+ //# sourceMappingURL=Component.mobile.js.map
package/moderncssm/mobile/Component.mobile.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { CustomButtonProps } from '@alfalab/core-components-custom-button';\nimport {\n PickerButtonMobile,\n PickerButtonMobileProps,\n} from '@alfalab/core-components-picker-button/mobile';\n\nimport { Field as DefaultField } from '../field';\n\nconst DEFAULT_BUTTON_COLOR = '#FF45C3';\nconst DEFAULT_CONTENT_COLOR = 'white';\n\nexport type CustomPickerButtonMobileProps = Omit<PickerButtonMobileProps, 'view' | 'colors'> &\n Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;\n\nexport const CustomPickerButtonMobile = forwardRef<HTMLInputElement, CustomPickerButtonMobileProps>(\n (\n {\n backgroundColor = DEFAULT_BUTTON_COLOR,\n contentColor = DEFAULT_CONTENT_COLOR,\n stateType = 'darkening',\n ...restProps\n },\n ref,\n ) => (\n <PickerButtonMobile\n {...restProps}\n fieldProps={{\n backgroundColor,\n contentColor,\n stateType,\n }}\n Field={DefaultField}\n ref={ref}\n />\n ),\n);\n"],"names":["DefaultField"],"mappings":";;;;AAUA,MAAM,oBAAoB,GAAG,SAAS;AACtC,MAAM,qBAAqB,GAAG,OAAO;AAK9B,MAAM,wBAAwB,GAAG,UAAU,CAC9C,CACI,EACI,eAAe,GAAG,oBAAoB,EACtC,YAAY,GAAG,qBAAqB,EACpC,SAAS,GAAG,WAAW,EACvB,GAAG,SAAS,EACf,EACD,GAAG,MAEH,oBAAC,kBAAkB,EAAA,EAAA,GACX,SAAS,EACb,UAAU,EAAE;QACR,eAAe;QACf,YAAY;QACZ,SAAS;KACZ,EACD,KAAK,EAAEA,KAAY,EACnB,GAAG,EAAE,GAAG,EAAA,CACV,CACL;;;;"}
package/moderncssm/mobile/index.d.ts CHANGED
@@ -1,2 +1 @@
1
- export { CustomPickerButtonMobile, CustomPickerButtonMobileProps } from "./Component.mobile";
2
- export {};
1
+ export { CustomPickerButtonMobile, CustomPickerButtonMobileProps } from './Component.mobile';
package/moderncssm/mobile/index.js CHANGED
@@ -1 +1,2 @@
1
1
  export { CustomPickerButtonMobile } from './Component.mobile.js';
2
+ //# sourceMappingURL=index.js.map
package/moderncssm/mobile/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-custom-picker-button",
3
- "version": "2.6.31",
3
+ "version": "3.0.0-snapshot-6a9d3fc",
4
4
  "description": "Custom picker button component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -16,14 +16,13 @@
16
16
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
17
17
  },
18
18
  "dependencies": {
19
- "@alfalab/core-components-picker-button": "^11.12.31",
20
- "@alfalab/core-components-custom-button": "^3.12.9",
21
- "@alfalab/core-components-mq": "^4.4.1",
22
- "@alfalab/core-components-select": "^17.21.5",
19
+ "@alfalab/core-components-picker-button": "12.0.0-snapshot-6a9d3fc",
20
+ "@alfalab/core-components-custom-button": "4.0.0-snapshot-6a9d3fc",
21
+ "@alfalab/core-components-mq": "5.0.0-snapshot-6a9d3fc",
22
+ "@alfalab/core-components-select": "18.0.0-snapshot-6a9d3fc",
23
23
  "classnames": "^2.5.1",
24
- "tslib": "^2.4.0",
25
- "@alfalab/core-components-shared": "^0.18.0"
24
+ "tslib": "^2.4.0"
26
25
  },
27
- "themesVersion": "13.7.4",
28
- "varsVersion": "9.20.1"
26
+ "themesVersion": "14.0.0-snapshot-6a9d3fc",
27
+ "varsVersion": "10.0.0-snapshot-6a9d3fc"
29
28
  }
package/desktop/package.json DELETED
@@ -1,3 +0,0 @@
1
- {
2
- "module": "../esm/desktop/index.js"
3
- }
package/mobile/package.json DELETED
@@ -1,3 +0,0 @@
1
- {
2
- "module": "../esm/mobile/index.js"
3
- }
package/src/desktop/package.json DELETED
@@ -1,3 +0,0 @@
1
- {
2
- "module": "../esm/desktop/index.js"
3
- }
package/src/mobile/package.json DELETED
@@ -1,3 +0,0 @@
1
- {
2
- "module": "../esm/mobile/index.js"
3
- }