@cuemath/leap 3.2.15 → 3.2.16-link.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (114) hide show
  1. package/dist/assets/illustrations/illustrations.js +6 -0
  2. package/dist/assets/illustrations/illustrations.js.map +1 -1
  3. package/dist/assets/line-icons/icons/after-noon.js +34 -0
  4. package/dist/assets/line-icons/icons/after-noon.js.map +1 -0
  5. package/dist/assets/line-icons/icons/apple-icon-white.js +42 -0
  6. package/dist/assets/line-icons/icons/apple-icon-white.js.map +1 -0
  7. package/dist/assets/line-icons/icons/evening.js +35 -0
  8. package/dist/assets/line-icons/icons/evening.js.map +1 -0
  9. package/dist/assets/line-icons/icons/morning.js +35 -0
  10. package/dist/assets/line-icons/icons/morning.js.map +1 -0
  11. package/dist/assets/line-icons/icons/star3.js +32 -0
  12. package/dist/assets/line-icons/icons/star3.js.map +1 -0
  13. package/dist/assets/lottie/lottie.js +10 -0
  14. package/dist/assets/lottie/lottie.js.map +1 -1
  15. package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message-constants.js +9 -0
  16. package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message-constants.js.map +1 -0
  17. package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message-styled.js +52 -0
  18. package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message-styled.js.map +1 -0
  19. package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message.js +93 -0
  20. package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message.js.map +1 -0
  21. package/dist/features/auth/comps/animated-avatar-message/animated-text/animated-text-styled.js +10 -0
  22. package/dist/features/auth/comps/animated-avatar-message/animated-text/animated-text-styled.js.map +1 -0
  23. package/dist/features/auth/comps/animated-avatar-message/animated-text/animated-text.js +17 -0
  24. package/dist/features/auth/comps/animated-avatar-message/animated-text/animated-text.js.map +1 -0
  25. package/dist/features/auth/comps/auth-page-layout/auth-page-layout.js +18 -13
  26. package/dist/features/auth/comps/auth-page-layout/auth-page-layout.js.map +1 -1
  27. package/dist/features/auth/comps/linear-progress-bar/linear-progress-bar-styled.js +12 -0
  28. package/dist/features/auth/comps/linear-progress-bar/linear-progress-bar-styled.js.map +1 -0
  29. package/dist/features/auth/comps/linear-progress-bar/linear-progress-bar.js +34 -0
  30. package/dist/features/auth/comps/linear-progress-bar/linear-progress-bar.js.map +1 -0
  31. package/dist/features/auth/comps/otp-input/otp-input-styled.js +22 -0
  32. package/dist/features/auth/comps/otp-input/otp-input-styled.js.map +1 -0
  33. package/dist/features/auth/comps/otp-input/otp-input.js +51 -0
  34. package/dist/features/auth/comps/otp-input/otp-input.js.map +1 -0
  35. package/dist/features/auth/comps/pill-button/pill-button-styled.js +44 -0
  36. package/dist/features/auth/comps/pill-button/pill-button-styled.js.map +1 -0
  37. package/dist/features/auth/comps/pill-button/pill-button.js +75 -0
  38. package/dist/features/auth/comps/pill-button/pill-button.js.map +1 -0
  39. package/dist/features/auth/comps/resend-otp/resend-otp.js +54 -47
  40. package/dist/features/auth/comps/resend-otp/resend-otp.js.map +1 -1
  41. package/dist/features/auth/comps/selectable-info-card/selectable-info-card-styled.js +17 -0
  42. package/dist/features/auth/comps/selectable-info-card/selectable-info-card-styled.js.map +1 -0
  43. package/dist/features/auth/comps/selectable-info-card/selectable-info-card.js +67 -0
  44. package/dist/features/auth/comps/selectable-info-card/selectable-info-card.js.map +1 -0
  45. package/dist/features/auth/comps/tabs/tab-tem/tab-item.js +29 -17
  46. package/dist/features/auth/comps/tabs/tab-tem/tab-item.js.map +1 -1
  47. package/dist/features/auth/comps/tabs/tabs-styled.js +22 -10
  48. package/dist/features/auth/comps/tabs/tabs-styled.js.map +1 -1
  49. package/dist/features/auth/comps/tabs/tabs.js +5 -5
  50. package/dist/features/auth/comps/tabs/tabs.js.map +1 -1
  51. package/dist/features/auth/signup-v2/onboarding-guide/onboarding-guide-constants.js +19 -0
  52. package/dist/features/auth/signup-v2/onboarding-guide/onboarding-guide-constants.js.map +1 -0
  53. package/dist/features/auth/signup-v2/onboarding-guide/onboarding-guide-styled.js +32 -0
  54. package/dist/features/auth/signup-v2/onboarding-guide/onboarding-guide-styled.js.map +1 -0
  55. package/dist/features/auth/signup-v2/onboarding-guide/onboarding-guide.js +44 -0
  56. package/dist/features/auth/signup-v2/onboarding-guide/onboarding-guide.js.map +1 -0
  57. package/dist/features/auth/signup-v2/signup-header/signup-header.js +54 -0
  58. package/dist/features/auth/signup-v2/signup-header/signup-header.js.map +1 -0
  59. package/dist/features/auth/signup-v2/signup-options/signup-options.js +83 -0
  60. package/dist/features/auth/signup-v2/signup-options/signup-options.js.map +1 -0
  61. package/dist/features/trial-session/comps/teacher-intro/teacher-intro-styled.js +7 -50
  62. package/dist/features/trial-session/comps/teacher-intro/teacher-intro-styled.js.map +1 -1
  63. package/dist/features/trial-session/comps/teacher-intro/teacher-intro.js +15 -69
  64. package/dist/features/trial-session/comps/teacher-intro/teacher-intro.js.map +1 -1
  65. package/dist/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile-styled.js +49 -0
  66. package/dist/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile-styled.js.map +1 -0
  67. package/dist/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile.js +64 -0
  68. package/dist/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile.js.map +1 -0
  69. package/dist/features/ui/accordion/accordion-items/accordion-items-styled.js +28 -0
  70. package/dist/features/ui/accordion/accordion-items/accordion-items-styled.js.map +1 -0
  71. package/dist/features/ui/accordion/accordion-items/accordion-items.js +83 -0
  72. package/dist/features/ui/accordion/accordion-items/accordion-items.js.map +1 -0
  73. package/dist/features/ui/accordion/accordion.js +62 -0
  74. package/dist/features/ui/accordion/accordion.js.map +1 -0
  75. package/dist/features/ui/drawer/drawer-styled.js +34 -0
  76. package/dist/features/ui/drawer/drawer-styled.js.map +1 -0
  77. package/dist/features/ui/drawer/drawer.js +42 -0
  78. package/dist/features/ui/drawer/drawer.js.map +1 -0
  79. package/dist/features/ui/image/image.js +1 -1
  80. package/dist/features/ui/image/image.js.map +1 -1
  81. package/dist/features/ui/inputs/base-input/base-input.js +11 -11
  82. package/dist/features/ui/inputs/base-input/base-input.js.map +1 -1
  83. package/dist/features/ui/inputs/text-input/text-input.js +19 -18
  84. package/dist/features/ui/inputs/text-input/text-input.js.map +1 -1
  85. package/dist/features/ui/modals/modal-styled.js +43 -8
  86. package/dist/features/ui/modals/modal-styled.js.map +1 -1
  87. package/dist/features/ui/modals/modal.js +37 -27
  88. package/dist/features/ui/modals/modal.js.map +1 -1
  89. package/dist/features/ui/text/text.js +31 -29
  90. package/dist/features/ui/text/text.js.map +1 -1
  91. package/dist/features/ui/theme/button.js +78 -78
  92. package/dist/features/ui/theme/button.js.map +1 -1
  93. package/dist/index.d.ts +159 -4
  94. package/dist/index.js +523 -491
  95. package/dist/index.js.map +1 -1
  96. package/dist/static/animated-avatar.1ad58b1d.json +1 -0
  97. package/dist/static/animated-avatar.69b07505.json +1 -0
  98. package/dist/static/animated-avatar.9c560b46.json +1 -0
  99. package/dist/static/calendar-purple.1a840b41.svg +1 -0
  100. package/dist/static/flying-disk.c7f6ed39.json +1 -0
  101. package/dist/static/graduation-cap.3be3340a.json +1 -0
  102. package/dist/static/handshake.287e7dfb.svg +1 -0
  103. package/dist/static/light-bulb.c6db0b23.json +1 -0
  104. package/dist/static/money.332aacf1.svg +1 -0
  105. package/dist/static/muscle.9bcfb8a7.json +1 -0
  106. package/dist/static/parent-avatar.822c7b9b.svg +1 -0
  107. package/dist/static/pencil.23df9da0.json +1 -0
  108. package/dist/static/plus-sign.de6af957.json +1 -0
  109. package/dist/static/racing-car.2cbf864e.json +1 -0
  110. package/dist/static/rocket.0a3ccab0.json +1 -0
  111. package/dist/static/shovel.abeec04c.json +1 -0
  112. package/dist/static/stripe-blurple.6abf422f.svg +1 -0
  113. package/dist/static/trustpilot.bd3d79e1.svg +1 -0
  114. package/package.json +2 -3
@@ -1,48 +1,48 @@
1
- const e = (i) => ({ sizes: {
1
+ const d = (a) => ({ sizes: {
2
2
  xsmall: {
3
- height: i * 2,
4
- paddingHorizontal: i * 1.375,
3
+ height: a * 2,
4
+ paddingHorizontal: a * 1.375,
5
5
  textVariant: "ub3-bold",
6
6
  borderWidth: 1,
7
- iconSize: i,
8
- iconPadding: i * 0.25,
9
- loaderSize: i * 1.25
7
+ iconSize: a,
8
+ iconPadding: a * 0.25,
9
+ loaderSize: a * 1.25
10
10
  },
11
11
  small: {
12
- height: i * 2.5,
13
- paddingHorizontal: i * 1.625,
12
+ height: a * 2.5,
13
+ paddingHorizontal: a * 1.625,
14
14
  textVariant: "ub2-bold",
15
15
  borderWidth: 1,
16
- iconSize: i * 1.25,
17
- iconPadding: i * 0.375,
18
- loaderSize: i * 1.5
16
+ iconSize: a * 1.25,
17
+ iconPadding: a * 0.375,
18
+ loaderSize: a * 1.5
19
19
  },
20
20
  regular: {
21
- height: i * 3,
22
- paddingHorizontal: i * 1.875,
21
+ height: a * 3,
22
+ paddingHorizontal: a * 1.875,
23
23
  textVariant: "ub1-bold",
24
24
  borderWidth: 1,
25
- iconSize: i * 1.5,
26
- iconPadding: i * 0.5,
27
- loaderSize: i * 1.75
25
+ iconSize: a * 1.5,
26
+ iconPadding: a * 0.5,
27
+ loaderSize: a * 1.75
28
28
  },
29
29
  medium: {
30
- height: i * 3.5,
31
- paddingHorizontal: i * 2.125,
30
+ height: a * 3.5,
31
+ paddingHorizontal: a * 2.125,
32
32
  textVariant: "ub1-bold",
33
33
  borderWidth: 1.5,
34
- iconSize: i * 1.5,
35
- iconPadding: i * 0.5,
36
- loaderSize: i * 2
34
+ iconSize: a * 1.5,
35
+ iconPadding: a * 0.5,
36
+ loaderSize: a * 2
37
37
  },
38
38
  large: {
39
- height: i * 4,
40
- paddingHorizontal: i * 2.375,
39
+ height: a * 4,
40
+ paddingHorizontal: a * 2.375,
41
41
  textVariant: "ub1-bold",
42
42
  borderWidth: 2,
43
- iconSize: i * 1.5,
44
- iconPadding: i * 0.5,
45
- loaderSize: i * 2.25
43
+ iconSize: a * 1.5,
44
+ iconPadding: a * 0.5,
45
+ loaderSize: a * 2.25
46
46
  }
47
47
  }, variants: {
48
48
  primary: {
@@ -129,6 +129,57 @@ const e = (i) => ({ sizes: {
129
129
  active: "BLACK",
130
130
  disabled: "WHITE_T_15"
131
131
  }
132
+ },
133
+ black: {
134
+ backgroundColorName: {
135
+ inactive: "BLACK_1",
136
+ active: "BLACK_T_60",
137
+ disabled: "BLACK_T_15"
138
+ },
139
+ borderColorName: {
140
+ inactive: "BLACK_1",
141
+ active: "BLACK_1",
142
+ disabled: "BLACK_T_15"
143
+ },
144
+ colorName: {
145
+ inactive: "WHITE_1",
146
+ active: "WHITE_1",
147
+ disabled: "WHITE_T_87"
148
+ }
149
+ },
150
+ "black-dark": {
151
+ backgroundColorName: {
152
+ inactive: "BLACK_1",
153
+ active: "BLACK_4",
154
+ disabled: "WHITE_T_10"
155
+ },
156
+ borderColorName: {
157
+ inactive: "WHITE_1",
158
+ active: "WHITE_1",
159
+ disabled: "WHITE_T_15"
160
+ },
161
+ colorName: {
162
+ inactive: "WHITE_1",
163
+ active: "WHITE_1",
164
+ disabled: "WHITE_T_38"
165
+ }
166
+ },
167
+ "yellow-dark": {
168
+ backgroundColorName: {
169
+ inactive: "YELLOW_4",
170
+ active: "YELLOW_3",
171
+ disabled: "WHITE_T_10"
172
+ },
173
+ borderColorName: {
174
+ inactive: "WHITE",
175
+ active: "WHITE",
176
+ disabled: "WHITE_T_15"
177
+ },
178
+ colorName: {
179
+ inactive: "BLACK_1",
180
+ active: "BLACK_1",
181
+ disabled: "WHITE_T_38"
182
+ }
132
183
  }
133
184
  // 'yellow': {
134
185
  // backgroundColorName: {
@@ -147,23 +198,6 @@ const e = (i) => ({ sizes: {
147
198
  // disabled: 'BLACK_T_35',
148
199
  // },
149
200
  // },
150
- // 'yellow-dark': {
151
- // backgroundColorName: {
152
- // inactive: 'YELLOW_4',
153
- // active: 'WHITE_4',
154
- // disabled: 'WHITE_T_40',
155
- // },
156
- // borderColorName: {
157
- // inactive: 'BLACK_4',
158
- // active: 'BLACK_4',
159
- // disabled: 'WHITE_T_40',
160
- // },
161
- // colorName: {
162
- // inactive: 'BLACK_4',
163
- // active: 'BLACK_4',
164
- // disabled: 'WHITE_T_40',
165
- // },
166
- // },
167
201
  // 'white': {
168
202
  // backgroundColorName: {
169
203
  // inactive: 'WHITE_1',
@@ -198,42 +232,8 @@ const e = (i) => ({ sizes: {
198
232
  // disabled: 'WHITE_T_40',
199
233
  // },
200
234
  // },
201
- // 'black': {
202
- // backgroundColorName: {
203
- // inactive: 'BLACK_4',
204
- // active: 'BLACK_T_60',
205
- // disabled: 'BLACK_T_35',
206
- // },
207
- // borderColorName: {
208
- // inactive: 'BLACK_4',
209
- // active: 'BLACK_4',
210
- // disabled: 'BLACK_T_35',
211
- // },
212
- // colorName: {
213
- // inactive: 'WHITE_4',
214
- // active: 'WHITE_4',
215
- // disabled: 'BLACK_T_35',
216
- // },
217
- // },
218
- // 'black-dark': {
219
- // backgroundColorName: {
220
- // inactive: 'BLACK_4',
221
- // active: 'WHITE_T_40',
222
- // disabled: 'WHITE_T_40',
223
- // },
224
- // borderColorName: {
225
- // inactive: 'WHITE_4',
226
- // active: 'WHITE_4',
227
- // disabled: 'WHITE_T_40',
228
- // },
229
- // colorName: {
230
- // inactive: 'WHITE_4',
231
- // active: 'WHITE_4',
232
- // disabled: 'WHITE_T_40',
233
- // },
234
- // },
235
235
  } });
236
236
  export {
237
- e as default
237
+ d as default
238
238
  };
239
239
  //# sourceMappingURL=button.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.js","sources":["../../../../src/features/ui/theme/button.ts"],"sourcesContent":["import type {\n IButtonSizeConfig,\n TButtonSizes,\n IButtonVariantConfig,\n TButtonVariants,\n} from '../types';\n\ninterface IGetButtonConfig {\n (gutter: number): {\n sizes: Record<TButtonSizes, IButtonSizeConfig>;\n variants: Record<TButtonVariants, IButtonVariantConfig>;\n };\n}\n\nconst getButtonConfig: IGetButtonConfig = (gutter: number) => {\n const sizes: Record<TButtonSizes, IButtonSizeConfig> = {\n xsmall: {\n height: gutter * 2,\n paddingHorizontal: gutter * (1 + 0.375),\n textVariant: 'ub3-bold',\n borderWidth: 1,\n iconSize: gutter,\n iconPadding: gutter * 0.25,\n loaderSize: gutter * 1.25,\n },\n small: {\n height: gutter * 2.5,\n paddingHorizontal: gutter * (1 + 0.625),\n textVariant: 'ub2-bold',\n borderWidth: 1,\n iconSize: gutter * 1.25,\n iconPadding: gutter * 0.375,\n loaderSize: gutter * 1.5,\n },\n regular: {\n height: gutter * 3,\n paddingHorizontal: gutter * (1 + 0.875),\n textVariant: 'ub1-bold',\n borderWidth: 1,\n iconSize: gutter * 1.5,\n iconPadding: gutter * 0.5,\n loaderSize: gutter * 1.75,\n },\n medium: {\n height: gutter * 3.5,\n paddingHorizontal: gutter * (1 + 1.125),\n textVariant: 'ub1-bold',\n borderWidth: 1.5,\n iconSize: gutter * 1.5,\n iconPadding: gutter * 0.5,\n loaderSize: gutter * 2,\n },\n large: {\n height: gutter * 4,\n paddingHorizontal: gutter * (1 + 1.375),\n textVariant: 'ub1-bold',\n borderWidth: 2,\n iconSize: gutter * 1.5,\n iconPadding: gutter * 0.5,\n loaderSize: gutter * 2.25,\n },\n };\n\n const variants: Record<TButtonVariants, IButtonVariantConfig> = {\n 'primary': {\n backgroundColorName: {\n inactive: 'YELLOW_4',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n colorName: {\n inactive: 'BLACK',\n active: 'WHITE',\n disabled: 'BLACK',\n },\n borderColorName: {\n inactive: 'BLACK',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n },\n 'secondary': {\n backgroundColorName: {\n inactive: 'WHITE',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n colorName: {\n inactive: 'BLACK',\n active: 'WHITE',\n disabled: 'BLACK',\n },\n borderColorName: {\n inactive: 'BLACK',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n },\n 'tertiary': {\n backgroundColorName: {\n inactive: 'RED',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n colorName: {\n inactive: 'WHITE',\n active: 'WHITE',\n disabled: 'BLACK',\n },\n borderColorName: {\n inactive: 'BLACK',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n },\n 'secondary-gray': {\n backgroundColorName: {\n inactive: 'WHITE',\n active: 'WHITE_4',\n disabled: 'GREY_3',\n },\n colorName: {\n inactive: 'BLACK',\n active: 'BLACK',\n disabled: 'BLACK',\n },\n borderColorName: {\n inactive: 'BLACK',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n },\n 'secondary-dark': {\n backgroundColorName: {\n inactive: 'WHITE',\n active: 'BLACK',\n disabled: 'WHITE_T_10',\n },\n colorName: {\n inactive: 'BLACK',\n active: 'WHITE',\n disabled: 'WHITE_T_38',\n },\n borderColorName: {\n inactive: 'WHITE',\n active: 'BLACK',\n disabled: 'WHITE_T_15',\n },\n },\n // 'yellow': {\n // backgroundColorName: {\n // inactive: 'YELLOW_4',\n // active: 'BLACK_4',\n // disabled: 'BLACK_T_35',\n // },\n // borderColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'BLACK_T_35',\n // },\n // colorName: {\n // inactive: 'BLACK_4',\n // active: 'WHITE_4',\n // disabled: 'BLACK_T_35',\n // },\n // },\n // 'yellow-dark': {\n // backgroundColorName: {\n // inactive: 'YELLOW_4',\n // active: 'WHITE_4',\n // disabled: 'WHITE_T_40',\n // },\n // borderColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'WHITE_T_40',\n // },\n // colorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'WHITE_T_40',\n // },\n // },\n // 'white': {\n // backgroundColorName: {\n // inactive: 'WHITE_1',\n // active: 'BLACK_T_35',\n // disabled: 'BLACK_T_35',\n // },\n // borderColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'BLACK_T_35',\n // },\n // colorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'BLACK_T_35',\n // },\n // },\n // 'white-dark': {\n // backgroundColorName: {\n // inactive: 'WHITE_4',\n // active: 'WHITE_T_70',\n // disabled: 'WHITE_T_40',\n // },\n // borderColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'WHITE_T_40',\n // },\n // colorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'WHITE_T_40',\n // },\n // },\n // 'black': {\n // backgroundColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_T_60',\n // disabled: 'BLACK_T_35',\n // },\n // borderColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'BLACK_T_35',\n // },\n // colorName: {\n // inactive: 'WHITE_4',\n // active: 'WHITE_4',\n // disabled: 'BLACK_T_35',\n // },\n // },\n // 'black-dark': {\n // backgroundColorName: {\n // inactive: 'BLACK_4',\n // active: 'WHITE_T_40',\n // disabled: 'WHITE_T_40',\n // },\n // borderColorName: {\n // inactive: 'WHITE_4',\n // active: 'WHITE_4',\n // disabled: 'WHITE_T_40',\n // },\n // colorName: {\n // inactive: 'WHITE_4',\n // active: 'WHITE_4',\n // disabled: 'WHITE_T_40',\n // },\n // },\n };\n\n return { sizes, variants };\n};\n\nexport default getButtonConfig;\n"],"names":["getButtonConfig","gutter"],"mappings":"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"}
1
+ {"version":3,"file":"button.js","sources":["../../../../src/features/ui/theme/button.ts"],"sourcesContent":["import type {\n IButtonSizeConfig,\n TButtonSizes,\n IButtonVariantConfig,\n TButtonVariants,\n} from '../types';\n\ninterface IGetButtonConfig {\n (gutter: number): {\n sizes: Record<TButtonSizes, IButtonSizeConfig>;\n variants: Record<TButtonVariants, IButtonVariantConfig>;\n };\n}\n\nconst getButtonConfig: IGetButtonConfig = (gutter: number) => {\n const sizes: Record<TButtonSizes, IButtonSizeConfig> = {\n xsmall: {\n height: gutter * 2,\n paddingHorizontal: gutter * (1 + 0.375),\n textVariant: 'ub3-bold',\n borderWidth: 1,\n iconSize: gutter,\n iconPadding: gutter * 0.25,\n loaderSize: gutter * 1.25,\n },\n small: {\n height: gutter * 2.5,\n paddingHorizontal: gutter * (1 + 0.625),\n textVariant: 'ub2-bold',\n borderWidth: 1,\n iconSize: gutter * 1.25,\n iconPadding: gutter * 0.375,\n loaderSize: gutter * 1.5,\n },\n regular: {\n height: gutter * 3,\n paddingHorizontal: gutter * (1 + 0.875),\n textVariant: 'ub1-bold',\n borderWidth: 1,\n iconSize: gutter * 1.5,\n iconPadding: gutter * 0.5,\n loaderSize: gutter * 1.75,\n },\n medium: {\n height: gutter * 3.5,\n paddingHorizontal: gutter * (1 + 1.125),\n textVariant: 'ub1-bold',\n borderWidth: 1.5,\n iconSize: gutter * 1.5,\n iconPadding: gutter * 0.5,\n loaderSize: gutter * 2,\n },\n large: {\n height: gutter * 4,\n paddingHorizontal: gutter * (1 + 1.375),\n textVariant: 'ub1-bold',\n borderWidth: 2,\n iconSize: gutter * 1.5,\n iconPadding: gutter * 0.5,\n loaderSize: gutter * 2.25,\n },\n };\n\n const variants: Record<TButtonVariants, IButtonVariantConfig> = {\n 'primary': {\n backgroundColorName: {\n inactive: 'YELLOW_4',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n colorName: {\n inactive: 'BLACK',\n active: 'WHITE',\n disabled: 'BLACK',\n },\n borderColorName: {\n inactive: 'BLACK',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n },\n 'secondary': {\n backgroundColorName: {\n inactive: 'WHITE',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n colorName: {\n inactive: 'BLACK',\n active: 'WHITE',\n disabled: 'BLACK',\n },\n borderColorName: {\n inactive: 'BLACK',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n },\n 'tertiary': {\n backgroundColorName: {\n inactive: 'RED',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n colorName: {\n inactive: 'WHITE',\n active: 'WHITE',\n disabled: 'BLACK',\n },\n borderColorName: {\n inactive: 'BLACK',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n },\n 'secondary-gray': {\n backgroundColorName: {\n inactive: 'WHITE',\n active: 'WHITE_4',\n disabled: 'GREY_3',\n },\n colorName: {\n inactive: 'BLACK',\n active: 'BLACK',\n disabled: 'BLACK',\n },\n borderColorName: {\n inactive: 'BLACK',\n active: 'BLACK',\n disabled: 'GREY_3',\n },\n },\n 'secondary-dark': {\n backgroundColorName: {\n inactive: 'WHITE',\n active: 'BLACK',\n disabled: 'WHITE_T_10',\n },\n colorName: {\n inactive: 'BLACK',\n active: 'WHITE',\n disabled: 'WHITE_T_38',\n },\n borderColorName: {\n inactive: 'WHITE',\n active: 'BLACK',\n disabled: 'WHITE_T_15',\n },\n },\n 'black': {\n backgroundColorName: {\n inactive: 'BLACK_1',\n active: 'BLACK_T_60',\n disabled: 'BLACK_T_15',\n },\n borderColorName: {\n inactive: 'BLACK_1',\n active: 'BLACK_1',\n disabled: 'BLACK_T_15',\n },\n colorName: {\n inactive: 'WHITE_1',\n active: 'WHITE_1',\n disabled: 'WHITE_T_87',\n },\n },\n 'black-dark': {\n backgroundColorName: {\n inactive: 'BLACK_1',\n active: 'BLACK_4',\n disabled: 'WHITE_T_10',\n },\n borderColorName: {\n inactive: 'WHITE_1',\n active: 'WHITE_1',\n disabled: 'WHITE_T_15',\n },\n colorName: {\n inactive: 'WHITE_1',\n active: 'WHITE_1',\n disabled: 'WHITE_T_38',\n },\n },\n 'yellow-dark': {\n backgroundColorName: {\n inactive: 'YELLOW_4',\n active: 'YELLOW_3',\n disabled: 'WHITE_T_10',\n },\n borderColorName: {\n inactive: 'WHITE',\n active: 'WHITE',\n disabled: 'WHITE_T_15',\n },\n colorName: {\n inactive: 'BLACK_1',\n active: 'BLACK_1',\n disabled: 'WHITE_T_38',\n },\n },\n // 'yellow': {\n // backgroundColorName: {\n // inactive: 'YELLOW_4',\n // active: 'BLACK_4',\n // disabled: 'BLACK_T_35',\n // },\n // borderColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'BLACK_T_35',\n // },\n // colorName: {\n // inactive: 'BLACK_4',\n // active: 'WHITE_4',\n // disabled: 'BLACK_T_35',\n // },\n // },\n\n // 'white': {\n // backgroundColorName: {\n // inactive: 'WHITE_1',\n // active: 'BLACK_T_35',\n // disabled: 'BLACK_T_35',\n // },\n // borderColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'BLACK_T_35',\n // },\n // colorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'BLACK_T_35',\n // },\n // },\n // 'white-dark': {\n // backgroundColorName: {\n // inactive: 'WHITE_4',\n // active: 'WHITE_T_70',\n // disabled: 'WHITE_T_40',\n // },\n // borderColorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'WHITE_T_40',\n // },\n // colorName: {\n // inactive: 'BLACK_4',\n // active: 'BLACK_4',\n // disabled: 'WHITE_T_40',\n // },\n // },\n };\n\n return { sizes, variants };\n};\n\nexport default getButtonConfig;\n"],"names":["getButtonConfig","gutter"],"mappings":"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"}