period-ui 0.1.3 → 0.1.5

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 (134) hide show
  1. package/dist/components/atoms/billo-icon/billo-icon.d.ts +125 -0
  2. package/dist/components/atoms/billo-icon/billo-icon.d.ts.map +1 -0
  3. package/dist/components/atoms/billo-icon/billo-icon.js +128 -0
  4. package/dist/components/atoms/billo-icon/billo-icon.js.map +1 -0
  5. package/dist/components/atoms/button/button.d.ts +9 -0
  6. package/dist/components/atoms/button/button.d.ts.map +1 -0
  7. package/dist/components/atoms/button/button.js +30 -0
  8. package/dist/components/atoms/button/button.js.map +1 -0
  9. package/dist/components/atoms/check-box/check-box.d.ts +22 -0
  10. package/dist/components/atoms/check-box/check-box.d.ts.map +1 -0
  11. package/dist/components/atoms/check-box/check-box.js +43 -0
  12. package/dist/components/atoms/check-box/check-box.js.map +1 -0
  13. package/dist/components/atoms/chip/chip/chip.d.ts +9 -0
  14. package/dist/components/atoms/chip/chip/chip.d.ts.map +1 -0
  15. package/dist/components/atoms/chip/chip/chip.js +13 -0
  16. package/dist/components/atoms/chip/chip/chip.js.map +1 -0
  17. package/dist/components/atoms/chip/chip/components/clear-button.d.ts +11 -0
  18. package/dist/components/atoms/chip/chip/components/clear-button.d.ts.map +1 -0
  19. package/dist/components/atoms/chip/chip/components/clear-button.js +11 -0
  20. package/dist/components/atoms/chip/chip/components/clear-button.js.map +1 -0
  21. package/dist/components/atoms/chip/chips-list/chips-list.d.ts +14 -0
  22. package/dist/components/atoms/chip/chips-list/chips-list.d.ts.map +1 -0
  23. package/dist/components/atoms/chip/chips-list/chips-list.js +11 -0
  24. package/dist/components/atoms/chip/chips-list/chips-list.js.map +1 -0
  25. package/dist/components/atoms/drop-down-menu/components/menu-item.d.ts +21 -0
  26. package/dist/components/atoms/drop-down-menu/components/menu-item.d.ts.map +1 -0
  27. package/dist/components/atoms/drop-down-menu/components/menu-item.js +29 -0
  28. package/dist/components/atoms/drop-down-menu/components/menu-item.js.map +1 -0
  29. package/dist/components/atoms/drop-down-menu/drop-down-menu.d.ts +22 -0
  30. package/dist/components/atoms/drop-down-menu/drop-down-menu.d.ts.map +1 -0
  31. package/dist/components/atoms/drop-down-menu/drop-down-menu.js +25 -0
  32. package/dist/components/atoms/drop-down-menu/drop-down-menu.js.map +1 -0
  33. package/dist/components/atoms/icon-button/icon-button.d.ts +12 -0
  34. package/dist/components/atoms/icon-button/icon-button.d.ts.map +1 -0
  35. package/dist/components/atoms/icon-button/icon-button.js +11 -0
  36. package/dist/components/atoms/icon-button/icon-button.js.map +1 -0
  37. package/dist/components/atoms/search-bar/components/clear-button.d.ts +10 -0
  38. package/dist/components/atoms/search-bar/components/clear-button.d.ts.map +1 -0
  39. package/dist/components/atoms/search-bar/components/clear-button.js +11 -0
  40. package/dist/components/atoms/search-bar/components/clear-button.js.map +1 -0
  41. package/dist/components/atoms/search-bar/search-bar.d.ts +12 -0
  42. package/dist/components/atoms/search-bar/search-bar.d.ts.map +1 -0
  43. package/dist/components/atoms/search-bar/search-bar.js +15 -0
  44. package/dist/components/atoms/search-bar/search-bar.js.map +1 -0
  45. package/dist/components/atoms/text/text.d.ts +35 -0
  46. package/dist/components/atoms/text/text.d.ts.map +1 -0
  47. package/dist/components/atoms/text/text.js +57 -0
  48. package/dist/components/atoms/text/text.js.map +1 -0
  49. package/dist/components/atoms/text-button/text-button.d.ts +19 -0
  50. package/dist/components/atoms/text-button/text-button.d.ts.map +1 -0
  51. package/dist/components/atoms/text-button/text-button.js +23 -0
  52. package/dist/components/atoms/text-button/text-button.js.map +1 -0
  53. package/dist/components/index.d.ts +14 -0
  54. package/dist/components/index.d.ts.map +1 -0
  55. package/dist/components/index.js +30 -0
  56. package/dist/components/index.js.map +1 -0
  57. package/dist/components/molecules/form/form-select/form-select.d.ts +7 -0
  58. package/dist/components/molecules/form/form-select/form-select.d.ts.map +1 -0
  59. package/dist/components/molecules/form/form-select/form-select.js +29 -0
  60. package/dist/components/molecules/form/form-select/form-select.js.map +1 -0
  61. package/dist/components/molecules/form/form.d.ts +33 -0
  62. package/dist/components/molecules/form/form.d.ts.map +1 -0
  63. package/dist/components/molecules/form/form.js +44 -0
  64. package/dist/components/molecules/form/form.js.map +1 -0
  65. package/dist/components/molecules/form/formStoryStubs.d.ts +11 -0
  66. package/dist/components/molecules/form/formStoryStubs.d.ts.map +1 -0
  67. package/dist/components/molecules/form/formStoryStubs.js +81 -0
  68. package/dist/components/molecules/form/formStoryStubs.js.map +1 -0
  69. package/dist/components/molecules/form/formTestStubs.d.ts +6 -0
  70. package/dist/components/molecules/form/formTestStubs.d.ts.map +1 -0
  71. package/dist/components/molecules/form/formTestStubs.js +41 -0
  72. package/dist/components/molecules/form/formTestStubs.js.map +1 -0
  73. package/dist/components/molecules/select/components/select-input.d.ts +8 -0
  74. package/dist/components/molecules/select/components/select-input.d.ts.map +1 -0
  75. package/dist/components/molecules/select/components/select-input.js +11 -0
  76. package/dist/components/molecules/select/components/select-input.js.map +1 -0
  77. package/dist/components/molecules/select/select.d.ts +16 -0
  78. package/dist/components/molecules/select/select.d.ts.map +1 -0
  79. package/dist/components/molecules/select/select.js +30 -0
  80. package/dist/components/molecules/select/select.js.map +1 -0
  81. package/dist/components/molecules/select/use-select.d.ts +23 -0
  82. package/dist/components/molecules/select/use-select.d.ts.map +1 -0
  83. package/dist/components/molecules/select/use-select.js +149 -0
  84. package/dist/components/molecules/select/use-select.js.map +1 -0
  85. package/dist/containers/form-control/components/form-error.d.ts +7 -0
  86. package/dist/containers/form-control/components/form-error.d.ts.map +1 -0
  87. package/dist/containers/form-control/components/form-error.js +10 -0
  88. package/dist/containers/form-control/components/form-error.js.map +1 -0
  89. package/dist/containers/form-control/components/form-helper.d.ts +9 -0
  90. package/dist/containers/form-control/components/form-helper.d.ts.map +1 -0
  91. package/dist/containers/form-control/components/form-helper.js +10 -0
  92. package/dist/containers/form-control/components/form-helper.js.map +1 -0
  93. package/dist/containers/form-control/components/form-label.d.ts +10 -0
  94. package/dist/containers/form-control/components/form-label.d.ts.map +1 -0
  95. package/dist/containers/form-control/components/form-label.js +10 -0
  96. package/dist/containers/form-control/components/form-label.js.map +1 -0
  97. package/dist/containers/form-control/form-control.d.ts +33 -0
  98. package/dist/containers/form-control/form-control.d.ts.map +1 -0
  99. package/dist/containers/form-control/form-control.js +33 -0
  100. package/dist/containers/form-control/form-control.js.map +1 -0
  101. package/dist/containers/index.d.ts +2 -0
  102. package/dist/containers/index.d.ts.map +1 -0
  103. package/dist/containers/index.js +18 -0
  104. package/dist/containers/index.js.map +1 -0
  105. package/dist/index.d.ts +1 -1
  106. package/dist/index.d.ts.map +1 -0
  107. package/dist/index.js +3 -1
  108. package/dist/index.js.map +1 -0
  109. package/dist/tsconfig.build.tsbuildinfo +1 -0
  110. package/dist/types/options-type.d.ts +5 -0
  111. package/dist/types/options-type.d.ts.map +1 -0
  112. package/dist/types/options-type.js +3 -0
  113. package/dist/types/options-type.js.map +1 -0
  114. package/dist/types/text-types.d.ts +14 -0
  115. package/dist/types/text-types.d.ts.map +1 -0
  116. package/dist/types/text-types.js +3 -0
  117. package/dist/types/text-types.js.map +1 -0
  118. package/dist/utils/string-utils/string-utils.d.ts +6 -0
  119. package/dist/utils/string-utils/string-utils.d.ts.map +1 -0
  120. package/dist/utils/string-utils/string-utils.js +15 -0
  121. package/dist/utils/string-utils/string-utils.js.map +1 -0
  122. package/dist/utils/tailwind-utils.d.ts +3 -0
  123. package/dist/utils/tailwind-utils.d.ts.map +1 -0
  124. package/dist/utils/tailwind-utils.js +12 -0
  125. package/dist/utils/tailwind-utils.js.map +1 -0
  126. package/dist/utils/window-dimensions-utils.d.ts +9 -0
  127. package/dist/utils/window-dimensions-utils.d.ts.map +1 -0
  128. package/dist/utils/window-dimensions-utils.js +37 -0
  129. package/dist/utils/window-dimensions-utils.js.map +1 -0
  130. package/dist/vitest.setup.d.ts +2 -0
  131. package/dist/vitest.setup.d.ts.map +1 -0
  132. package/dist/vitest.setup.js +3 -0
  133. package/dist/vitest.setup.js.map +1 -0
  134. package/package.json +2 -4
@@ -0,0 +1,125 @@
1
+ export declare enum IconSymbol {
2
+ WARNING = "icon-warning",
3
+ CHEVRON_DOWN = "icon-chevron-down",
4
+ CHEVRON_UP = "icon-chevron-up",
5
+ CHEVRON_RIGHT = "icon-chevron-right",
6
+ CHEVRON_LEFT = "icon-chevron-left",
7
+ COPY = "icon-copy",
8
+ DOT_MENU = "icon-dot-menu",
9
+ FUNNEL = "icon-funnel",
10
+ CLOCK_WARNING = "icon-clock-warning",
11
+ SPINNER = "icon-spinner",
12
+ MINUS = "icon-minus",
13
+ MAGNIFYING_GLASS = "icon-magnifying-glass",
14
+ ARROWS_LEFT_RIGHT = "icon-arrows-left-right",
15
+ TAG = "icon-tag",
16
+ CALENDER = "icon-calendar",
17
+ CHECK_CIRCLE = "icon-check-circle",
18
+ ADDRESS_BOOK = "icon-address-book",
19
+ ICON_X = "icon-x",
20
+ CREDIT_CARD = "icon-credit-card",
21
+ POS = "icon-pos",
22
+ FILE = "icon-file",
23
+ DOWNLOAD = "icon-download",
24
+ PENCIL = "icon-pencil",
25
+ ALERT = "icon-alert",
26
+ QUESTION_CONTAINED = "icon-question-contained",
27
+ EYE_SLASH = "icon-eye-slash",
28
+ IMAGE = "icon-image",
29
+ UPLOAD = "icon-upload",
30
+ LINK = "icon-link",
31
+ SIGN_OUT = "icon-sign-out",
32
+ MASTER_CARD = "icon-mastercard",
33
+ MENU = "icon-menu",
34
+ FILE_PDF = "icon-file-pdf",
35
+ PLUS = "icon-plus",
36
+ BASKET = "icon-basket",
37
+ STOCK = "icon-stock",
38
+ QR_CODE = "icon-qr-code",
39
+ X_CIRCLE = "icon-x-circle",
40
+ PIE_CHART = "icon-pie-chart",
41
+ MAGNIFYING_GLASS_X = "icon-magnifying-glass-x",
42
+ PAPER_PLANE = "icon-paper-plane",
43
+ GEAR = "icon-gear",
44
+ EYE = "icon-eye",
45
+ CLIPBOARD = "icon-clipboard",
46
+ INFO = "icon-info",
47
+ TRASH = "icon-trash",
48
+ LINK_BREAK = "icon-link-break",
49
+ ELECTRICITY_BILL = "icon-electricity-bill",
50
+ VISA = "icon-visa",
51
+ RECEIPT = "icon-receipt",
52
+ RECEIPT_CONTAINED = "icon-receipt-contained",
53
+ CLOCK = "icon-clock",
54
+ CARET_DOWN = "icon-caret-down",
55
+ CARET_UP = "icon-caret-up",
56
+ QUESTION = "icon-question",
57
+ USER_CONTAINED = "icon-user-contained",
58
+ WHATSAPP = "icon-whatsapp",
59
+ STORE_CLOCK = "icon-store-clock",
60
+ PHONE_CALL = "icon-phone-call",
61
+ LOCK = "icon-lock",
62
+ ARROW_SQUARE_OUT = "icon-arrow-square-out",
63
+ ARROW_LEFT = "icon-arrow-left",
64
+ ARROW_RIGHT = "icon-arrow-right",
65
+ DEVICES = "icon-devices",
66
+ CASH = "icon-cash",
67
+ BANK = "icon-bank",
68
+ MOBILE = "icon-mobile",
69
+ CHECK = "icon-check",
70
+ MEGAPHONE = "icon-megaphone",
71
+ BELL = "icon-bell",
72
+ STOREFRONT = "icon-storefront",
73
+ HOUSE = "icon-house",
74
+ ARROW_CLOCKWISE = "icon-arrow-clockwise",
75
+ ENVELOPE = "icon-envelope",
76
+ USER = "icon-user",
77
+ CHECK_SEAL = "icon-check-seal",
78
+ PIN = "icon-pin",
79
+ BILLO_LOGO = "icon-billo-logo",
80
+ BN_LOGO = "icon-banco-nacional-logo",
81
+ SHOPPING_CART = "icon-shopping-cart",
82
+ WARNING_FILLED = "icon-warning-filled",
83
+ INFO_FILLED = "icon-info-filled",
84
+ CHECK_CIRCLE_FILLED = "icon-check-circle-filled",
85
+ ALERT_FILLED = "icon-alert-filled",
86
+ DUPLICATE_AND_SEND = "icon-duplicate-and-send",
87
+ NUMBER_PAD = "icon-number-pad"
88
+ }
89
+ export declare enum IconSize {
90
+ XXS = "text-[10px]",
91
+ XS = "text-[12px]",
92
+ SM = "text-[14px]",
93
+ MD = "text-[16px]",
94
+ LG = "text-[18px]",
95
+ XL = "text-[20px]",
96
+ TWO_XL = "text-[24px]",
97
+ THREE_XL = "text-[30px]",
98
+ FOUR_XL = "text-[36px]",
99
+ FIVE_XL = "text-[48px]",
100
+ SIX_XL = "text-[60px]",
101
+ SEVEN_XL = "text-[72px]",
102
+ EIGHT_XL = "text-[96px]"
103
+ }
104
+ export declare enum IconColor {
105
+ WHITE = "text-white",
106
+ BLUE_01 = "text-blue-01",
107
+ BLUE_02 = "text-blue-02",
108
+ BLUE_03 = "text-blue-03",
109
+ GREEN_02 = "text-green-02",
110
+ YELLOW_02 = "text-yellow-02",
111
+ RED_02 = "text-red-02",
112
+ GRAY_02 = "text-gray-02",
113
+ GRAY_03 = "text-gray-03",
114
+ RED_01 = "text-red-01"
115
+ }
116
+ type Props = {
117
+ icon: IconSymbol;
118
+ size?: IconSize;
119
+ color?: IconColor;
120
+ touchTarget?: string;
121
+ className?: string;
122
+ };
123
+ export declare function BilloIcon({ icon, size, color, touchTarget, className, }: Props): JSX.Element;
124
+ export {};
125
+ //# sourceMappingURL=billo-icon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"billo-icon.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/billo-icon/billo-icon.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,128 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.IconColor = exports.IconSize = exports.IconSymbol = void 0;
4
+ exports.BilloIcon = BilloIcon;
5
+ const jsx_runtime_1 = require("react/jsx-runtime");
6
+ const tailwind_utils_1 = require("../../../utils/tailwind-utils");
7
+ var IconSymbol;
8
+ (function (IconSymbol) {
9
+ IconSymbol["WARNING"] = "icon-warning";
10
+ IconSymbol["CHEVRON_DOWN"] = "icon-chevron-down";
11
+ IconSymbol["CHEVRON_UP"] = "icon-chevron-up";
12
+ IconSymbol["CHEVRON_RIGHT"] = "icon-chevron-right";
13
+ IconSymbol["CHEVRON_LEFT"] = "icon-chevron-left";
14
+ IconSymbol["COPY"] = "icon-copy";
15
+ IconSymbol["DOT_MENU"] = "icon-dot-menu";
16
+ IconSymbol["FUNNEL"] = "icon-funnel";
17
+ IconSymbol["CLOCK_WARNING"] = "icon-clock-warning";
18
+ IconSymbol["SPINNER"] = "icon-spinner";
19
+ IconSymbol["MINUS"] = "icon-minus";
20
+ IconSymbol["MAGNIFYING_GLASS"] = "icon-magnifying-glass";
21
+ IconSymbol["ARROWS_LEFT_RIGHT"] = "icon-arrows-left-right";
22
+ IconSymbol["TAG"] = "icon-tag";
23
+ IconSymbol["CALENDER"] = "icon-calendar";
24
+ IconSymbol["CHECK_CIRCLE"] = "icon-check-circle";
25
+ IconSymbol["ADDRESS_BOOK"] = "icon-address-book";
26
+ IconSymbol["ICON_X"] = "icon-x";
27
+ IconSymbol["CREDIT_CARD"] = "icon-credit-card";
28
+ IconSymbol["POS"] = "icon-pos";
29
+ IconSymbol["FILE"] = "icon-file";
30
+ IconSymbol["DOWNLOAD"] = "icon-download";
31
+ IconSymbol["PENCIL"] = "icon-pencil";
32
+ IconSymbol["ALERT"] = "icon-alert";
33
+ IconSymbol["QUESTION_CONTAINED"] = "icon-question-contained";
34
+ IconSymbol["EYE_SLASH"] = "icon-eye-slash";
35
+ IconSymbol["IMAGE"] = "icon-image";
36
+ IconSymbol["UPLOAD"] = "icon-upload";
37
+ IconSymbol["LINK"] = "icon-link";
38
+ IconSymbol["SIGN_OUT"] = "icon-sign-out";
39
+ IconSymbol["MASTER_CARD"] = "icon-mastercard";
40
+ IconSymbol["MENU"] = "icon-menu";
41
+ IconSymbol["FILE_PDF"] = "icon-file-pdf";
42
+ IconSymbol["PLUS"] = "icon-plus";
43
+ IconSymbol["BASKET"] = "icon-basket";
44
+ IconSymbol["STOCK"] = "icon-stock";
45
+ IconSymbol["QR_CODE"] = "icon-qr-code";
46
+ IconSymbol["X_CIRCLE"] = "icon-x-circle";
47
+ IconSymbol["PIE_CHART"] = "icon-pie-chart";
48
+ IconSymbol["MAGNIFYING_GLASS_X"] = "icon-magnifying-glass-x";
49
+ IconSymbol["PAPER_PLANE"] = "icon-paper-plane";
50
+ IconSymbol["GEAR"] = "icon-gear";
51
+ IconSymbol["EYE"] = "icon-eye";
52
+ IconSymbol["CLIPBOARD"] = "icon-clipboard";
53
+ IconSymbol["INFO"] = "icon-info";
54
+ IconSymbol["TRASH"] = "icon-trash";
55
+ IconSymbol["LINK_BREAK"] = "icon-link-break";
56
+ IconSymbol["ELECTRICITY_BILL"] = "icon-electricity-bill";
57
+ IconSymbol["VISA"] = "icon-visa";
58
+ IconSymbol["RECEIPT"] = "icon-receipt";
59
+ IconSymbol["RECEIPT_CONTAINED"] = "icon-receipt-contained";
60
+ IconSymbol["CLOCK"] = "icon-clock";
61
+ IconSymbol["CARET_DOWN"] = "icon-caret-down";
62
+ IconSymbol["CARET_UP"] = "icon-caret-up";
63
+ IconSymbol["QUESTION"] = "icon-question";
64
+ IconSymbol["USER_CONTAINED"] = "icon-user-contained";
65
+ IconSymbol["WHATSAPP"] = "icon-whatsapp";
66
+ IconSymbol["STORE_CLOCK"] = "icon-store-clock";
67
+ IconSymbol["PHONE_CALL"] = "icon-phone-call";
68
+ IconSymbol["LOCK"] = "icon-lock";
69
+ IconSymbol["ARROW_SQUARE_OUT"] = "icon-arrow-square-out";
70
+ IconSymbol["ARROW_LEFT"] = "icon-arrow-left";
71
+ IconSymbol["ARROW_RIGHT"] = "icon-arrow-right";
72
+ IconSymbol["DEVICES"] = "icon-devices";
73
+ IconSymbol["CASH"] = "icon-cash";
74
+ IconSymbol["BANK"] = "icon-bank";
75
+ IconSymbol["MOBILE"] = "icon-mobile";
76
+ IconSymbol["CHECK"] = "icon-check";
77
+ IconSymbol["MEGAPHONE"] = "icon-megaphone";
78
+ IconSymbol["BELL"] = "icon-bell";
79
+ IconSymbol["STOREFRONT"] = "icon-storefront";
80
+ IconSymbol["HOUSE"] = "icon-house";
81
+ IconSymbol["ARROW_CLOCKWISE"] = "icon-arrow-clockwise";
82
+ IconSymbol["ENVELOPE"] = "icon-envelope";
83
+ IconSymbol["USER"] = "icon-user";
84
+ IconSymbol["CHECK_SEAL"] = "icon-check-seal";
85
+ IconSymbol["PIN"] = "icon-pin";
86
+ IconSymbol["BILLO_LOGO"] = "icon-billo-logo";
87
+ IconSymbol["BN_LOGO"] = "icon-banco-nacional-logo";
88
+ IconSymbol["SHOPPING_CART"] = "icon-shopping-cart";
89
+ IconSymbol["WARNING_FILLED"] = "icon-warning-filled";
90
+ IconSymbol["INFO_FILLED"] = "icon-info-filled";
91
+ IconSymbol["CHECK_CIRCLE_FILLED"] = "icon-check-circle-filled";
92
+ IconSymbol["ALERT_FILLED"] = "icon-alert-filled";
93
+ IconSymbol["DUPLICATE_AND_SEND"] = "icon-duplicate-and-send";
94
+ IconSymbol["NUMBER_PAD"] = "icon-number-pad";
95
+ })(IconSymbol || (exports.IconSymbol = IconSymbol = {}));
96
+ var IconSize;
97
+ (function (IconSize) {
98
+ IconSize["XXS"] = "text-[10px]";
99
+ IconSize["XS"] = "text-[12px]";
100
+ IconSize["SM"] = "text-[14px]";
101
+ IconSize["MD"] = "text-[16px]";
102
+ IconSize["LG"] = "text-[18px]";
103
+ IconSize["XL"] = "text-[20px]";
104
+ IconSize["TWO_XL"] = "text-[24px]";
105
+ IconSize["THREE_XL"] = "text-[30px]";
106
+ IconSize["FOUR_XL"] = "text-[36px]";
107
+ IconSize["FIVE_XL"] = "text-[48px]";
108
+ IconSize["SIX_XL"] = "text-[60px]";
109
+ IconSize["SEVEN_XL"] = "text-[72px]";
110
+ IconSize["EIGHT_XL"] = "text-[96px]";
111
+ })(IconSize || (exports.IconSize = IconSize = {}));
112
+ var IconColor;
113
+ (function (IconColor) {
114
+ IconColor["WHITE"] = "text-white";
115
+ IconColor["BLUE_01"] = "text-blue-01";
116
+ IconColor["BLUE_02"] = "text-blue-02";
117
+ IconColor["BLUE_03"] = "text-blue-03";
118
+ IconColor["GREEN_02"] = "text-green-02";
119
+ IconColor["YELLOW_02"] = "text-yellow-02";
120
+ IconColor["RED_02"] = "text-red-02";
121
+ IconColor["GRAY_02"] = "text-gray-02";
122
+ IconColor["GRAY_03"] = "text-gray-03";
123
+ IconColor["RED_01"] = "text-red-01";
124
+ })(IconColor || (exports.IconColor = IconColor = {}));
125
+ function BilloIcon({ icon, size = IconSize.LG, color = IconColor.GRAY_02, touchTarget, className, }) {
126
+ return ((0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_utils_1.tailwind)('inline-flex items-center justify-center', touchTarget), children: (0, jsx_runtime_1.jsx)("i", { role: "presentation", className: (0, tailwind_utils_1.tailwind)(size, color, className, icon) }) }));
127
+ }
128
+ //# sourceMappingURL=billo-icon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"billo-icon.js","sourceRoot":"","sources":["../../../../src/components/atoms/billo-icon/billo-icon.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,9 @@
1
+ import { ComponentProps } from 'react';
2
+ import { VariantProps } from 'class-variance-authority';
3
+ declare const buttonStyles: (props?: ({
4
+ variant?: "primary" | "secondary" | "destructive" | null | undefined;
5
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
6
+ type Props = ComponentProps<'button'> & VariantProps<typeof buttonStyles>;
7
+ export declare const Button: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
8
+ export {};
9
+ //# sourceMappingURL=button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AACnD,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAG7D,QAAA,MAAM,YAAY;;8EAwBjB,CAAC;AAEF,KAAK,KAAK,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AAE1E,eAAO,MAAM,MAAM,kHAMlB,CAAC"}
@@ -0,0 +1,30 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Button = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const react_1 = require("react");
6
+ const class_variance_authority_1 = require("class-variance-authority");
7
+ const tailwind_utils_1 = require("../../../utils/tailwind-utils");
8
+ const buttonStyles = (0, class_variance_authority_1.cva)([
9
+ 'w-full md:w-fit',
10
+ 'py-4 md:px-8',
11
+ 'rounded-lg',
12
+ 'sm:font-semibold md:font-semibold',
13
+ 'sm:font-semibold md:font-semibold',
14
+ 'disabled:cursor-not-allowed',
15
+ ], {
16
+ variants: {
17
+ variant: {
18
+ primary: 'bg-blue-01 text-white shadow-blue-02 hover:bg-blue-02 active:bg-blue-00 disabled:bg-blue-03 disabled:shadow-none',
19
+ secondary: 'bg-white text-blue-01 shadow-white-02 hover:text-blue-02 hover:bg-blue-04 active:bg-blue-03 disabled:text-blue-03 disabled:bg-gray-05 disabled:shadow-none',
20
+ destructive: 'bg-red-01 text-white shadow-red-02 hover:bg-red-02 active:bg-red-00 disabled:bg-red-03 disabled:shadow-none',
21
+ },
22
+ },
23
+ defaultVariants: {
24
+ variant: 'primary',
25
+ },
26
+ });
27
+ exports.Button = (0, react_1.forwardRef)(({ variant, className, ...props }, ref) => {
28
+ return ((0, jsx_runtime_1.jsx)("button", { ref: ref, className: (0, tailwind_utils_1.tailwind)(buttonStyles({ variant, className })), ...props }));
29
+ });
30
+ //# sourceMappingURL=button.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/atoms/button/button.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmD;AACnD,uEAA6D;AAC7D,kEAAyD;AAEzD,MAAM,YAAY,GAAG,IAAA,8BAAG,EACtB;IACE,iBAAiB;IACjB,cAAc;IACd,YAAY;IACZ,mCAAmC;IACnC,mCAAmC;IACnC,6BAA6B;CAC9B,EACD;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,kHAAkH;YACpH,SAAS,EACP,4JAA4J;YAC9J,WAAW,EACT,6GAA6G;SAChH;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AAIW,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACxC,OAAO,CACL,mCAAQ,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,yBAAQ,EAAC,YAAY,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,KAAM,KAAK,GAAI,CAC3F,CAAC;AACJ,CAAC,CACF,CAAC"}
@@ -0,0 +1,22 @@
1
+ export declare enum CheckboxVariant {
2
+ DEFAULT = "DEFAULT",
3
+ INTERMEDIATE = "INTERMEDIATE",
4
+ DESTRUCTIVE = "DESTRUCTIVE"
5
+ }
6
+ type ExcludedVariants = Exclude<CheckboxVariant, CheckboxVariant.INTERMEDIATE>;
7
+ export declare const checkBoxStyles: {
8
+ [type in ExcludedVariants]: string;
9
+ };
10
+ type Props = {
11
+ value?: boolean;
12
+ isDisabled?: boolean;
13
+ label?: string;
14
+ className?: string;
15
+ labelName?: string;
16
+ containerClassName?: string;
17
+ variant?: CheckboxVariant;
18
+ onCheckToggle?: (value: boolean) => void;
19
+ };
20
+ export declare function Checkbox({ value, isDisabled, label, className, labelName, containerClassName, variant, onCheckToggle, }: Props): import("react/jsx-runtime").JSX.Element;
21
+ export {};
22
+ //# sourceMappingURL=check-box.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"check-box.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/check-box.tsx"],"names":[],"mappings":"AAYA,oBAAY,eAAe;IACzB,OAAO,YAAY;IACnB,YAAY,iBAAiB;IAC7B,WAAW,gBAAgB;CAC5B;AAED,KAAK,gBAAgB,GAAG,OAAO,CAAC,eAAe,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;AAE/E,eAAO,MAAM,cAAc,EAAE;KAC1B,IAAI,IAAI,gBAAgB,GAAG,MAAM;CAMnC,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,UAAkB,EAClB,KAAK,EACL,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,OAAiC,EACjC,aAAwB,GACzB,EAAE,KAAK,2CAgFP"}
@@ -0,0 +1,43 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.checkBoxStyles = exports.CheckboxVariant = void 0;
4
+ exports.Checkbox = Checkbox;
5
+ const jsx_runtime_1 = require("react/jsx-runtime");
6
+ const react_1 = require("react");
7
+ const components_1 = require("../../../components");
8
+ const tailwind_utils_1 = require("../../../utils/tailwind-utils");
9
+ const window_dimensions_utils_1 = require("../../../utils/window-dimensions-utils");
10
+ var CheckboxVariant;
11
+ (function (CheckboxVariant) {
12
+ CheckboxVariant["DEFAULT"] = "DEFAULT";
13
+ CheckboxVariant["INTERMEDIATE"] = "INTERMEDIATE";
14
+ CheckboxVariant["DESTRUCTIVE"] = "DESTRUCTIVE";
15
+ })(CheckboxVariant || (exports.CheckboxVariant = CheckboxVariant = {}));
16
+ exports.checkBoxStyles = {
17
+ [CheckboxVariant.DEFAULT]: 'bg-blue-01 hover:bg-blue-02 focus-visible:bg-blue-02 disabled:bg-blue-03',
18
+ [CheckboxVariant.DESTRUCTIVE]: 'bg-red-01 hover:bg-red-02 focus-visible:bg-red-02 disabled:bg-red-03',
19
+ };
20
+ function Checkbox({ value, isDisabled = false, label, className, labelName, containerClassName, variant = CheckboxVariant.DEFAULT, onCheckToggle = () => { }, }) {
21
+ const [isChecked, setIsChecked] = (0, react_1.useState)(false);
22
+ const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
23
+ (0, react_1.useEffect)(() => {
24
+ if (value === undefined) {
25
+ return;
26
+ }
27
+ setIsChecked(value);
28
+ }, [value]);
29
+ const handleClick = () => {
30
+ if (isDisabled) {
31
+ return;
32
+ }
33
+ setIsChecked((current) => !current);
34
+ if (!onCheckToggle) {
35
+ return;
36
+ }
37
+ onCheckToggle(isChecked);
38
+ };
39
+ const isIntermediate = variant === CheckboxVariant.INTERMEDIATE;
40
+ const checkBoxVariantStyle = exports.checkBoxStyles[isIntermediate ? CheckboxVariant.DEFAULT : variant];
41
+ return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-row w-fit items-start', isDisabled ? 'cursor-not-allowed' : 'cursor-pointer', containerClassName), onClick: handleClick, children: [(0, jsx_runtime_1.jsxs)("button", { role: "checkbox", type: "button", disabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('flex justify-center items-center border-2 border-gray-04 rounded shrink-0', 'h-[18px] w-[18px] md:h-5 md:w-5', 'hover:border-gray-03 hover:bg-gray-05', 'disabled:bg-gray-06 disabled:border-gray-04 disabled:cursor-not-allowed', 'focus-visible:border-none focus-visible:outline-2 focus-visible:bg-gray-05 focus-visible:outline-offset-2 focus:outline-blue-01', isChecked && `${checkBoxVariantStyle} border-none`, className), children: [isChecked && !isIntermediate && ((0, jsx_runtime_1.jsx)(components_1.BilloIcon, { size: isMobile ? components_1.IconSize.XXS : components_1.IconSize.XS, icon: components_1.IconSymbol.CHECK, className: "no-selectable text-white" })), isChecked && isIntermediate && ((0, jsx_runtime_1.jsx)(components_1.BilloIcon, { size: isMobile ? components_1.IconSize.XXS : components_1.IconSize.XS, icon: components_1.IconSymbol.MINUS, className: "text-white" }))] }), label && ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, className: (0, tailwind_utils_1.tailwind)('flex ml-2 select-none whitespace-normal', labelName), color: isDisabled ? components_1.TextColors.BLACK_03 : components_1.TextColors.BLACK, children: label }))] }) }));
42
+ }
43
+ //# sourceMappingURL=check-box.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"check-box.js","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/check-box.tsx"],"names":[],"mappings":";;;AAwCA,4BAyFC;;AAjID,iCAA4C;AAC5C,oDAO6B;AAC7B,kEAAyD;AACzD,oFAA6E;AAE7E,IAAY,eAIX;AAJD,WAAY,eAAe;IACzB,sCAAmB,CAAA;IACnB,gDAA6B,CAAA;IAC7B,8CAA2B,CAAA;AAC7B,CAAC,EAJW,eAAe,+BAAf,eAAe,QAI1B;AAIY,QAAA,cAAc,GAEvB;IACF,CAAC,eAAe,CAAC,OAAO,CAAC,EACvB,0EAA0E;IAC5E,CAAC,eAAe,CAAC,WAAW,CAAC,EAC3B,sEAAsE;CACzE,CAAC;AAaF,SAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,OAAO,GAAG,eAAe,CAAC,OAAO,EACjC,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,GAClB;IACN,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAC3D,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAE3C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QAED,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,UAAU,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,YAAY,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;QAEpC,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QACD,aAAa,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,OAAO,KAAK,eAAe,CAAC,YAAY,CAAC;IAChE,MAAM,oBAAoB,GAAG,sBAAc,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAEhG,OAAO,CACL,2DACE,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,iCAAiC,EACjC,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,gBAAgB,EACpD,kBAAkB,CACnB,EACD,OAAO,EAAE,WAAW,aAEpB,oCACE,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,IAAA,yBAAQ,EACjB,2EAA2E,EAC3E,iCAAiC,EACjC,uCAAuC,EACvC,yEAAyE,EACzE,iIAAiI,EACjI,SAAS,IAAI,GAAG,oBAAoB,cAAc,EAClD,SAAS,CACV,aAEA,SAAS,IAAI,CAAC,cAAc,IAAI,CAC/B,uBAAC,sBAAS,IACR,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC3C,IAAI,EAAE,uBAAU,CAAC,KAAK,EACtB,SAAS,EAAC,0BAA0B,GACpC,CACH,EAEA,SAAS,IAAI,cAAc,IAAI,CAC9B,uBAAC,sBAAS,IACR,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC3C,IAAI,EAAE,uBAAU,CAAC,KAAK,EACtB,SAAS,EAAC,YAAY,GACtB,CACH,IACM,EACR,KAAK,IAAI,CACR,uBAAC,iBAAI,IACH,OAAO,EAAE,wBAAW,CAAC,IAAI,EACzB,SAAS,EAAE,IAAA,yBAAQ,EAAC,yCAAyC,EAAE,SAAS,CAAC,EACzE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,uBAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAU,CAAC,KAAK,YAEzD,KAAK,GACD,CACR,IACG,GACL,CACJ,CAAC;AACJ,CAAC"}
@@ -0,0 +1,9 @@
1
+ type Props = {
2
+ id: string;
3
+ label: string;
4
+ className?: string;
5
+ onClick?: () => void;
6
+ };
7
+ export declare function Chip({ id, label, className, onClick }: Props): import("react/jsx-runtime").JSX.Element;
8
+ export {};
9
+ //# sourceMappingURL=chip.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/chip/chip/chip.tsx"],"names":[],"mappings":"AAKA,KAAK,KAAK,GAAG;IACX,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,IAAI,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,KAAK,2CAwB5D"}
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Chip = Chip;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const __1 = require("../../..");
6
+ const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
7
+ const window_dimensions_utils_1 = require("../../../../utils/window-dimensions-utils");
8
+ const clear_button_1 = require("./components/clear-button");
9
+ function Chip({ id, label, className, onClick }) {
10
+ const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
11
+ return ((0, jsx_runtime_1.jsxs)("div", { "data-chip": true, className: (0, tailwind_utils_1.tailwind)('flex flex-row pl-4 pr-1 md:pr-[2px] w-fit rounded-lg items-center justify-center', 'bg-gray-06 border border-gray-04', 'max-h-[34px] md:max-h-10', { 'py-2 px-4 md:px-4': !onClick }, className), children: [(0, jsx_runtime_1.jsx)(__1.Text, { variant: __1.TextVariant.BODY, className: (0, tailwind_utils_1.tailwind)('w-full truncate max-w-96 mr-1 md:mr-[2px]'), color: __1.TextColors.BLACK_02, children: label }), onClick && (0, jsx_runtime_1.jsx)(clear_button_1.ClearButton, { onClick: onClick, size: isMobile ? __1.IconSize.XXS : __1.IconSize.XS })] }, id));
12
+ }
13
+ //# sourceMappingURL=chip.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../../../src/components/atoms/chip/chip/chip.tsx"],"names":[],"mappings":";;AAYA,oBAwBC;;AApCD,gCAAmE;AACnE,qEAA4D;AAC5D,uFAAgF;AAChF,4DAAwD;AASxD,SAAgB,IAAI,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAS;IAC3D,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAC3C,OAAO,CACL,oDAGE,SAAS,EAAE,IAAA,yBAAQ,EACjB,kFAAkF,EAClF,kCAAkC,EAClC,0BAA0B,EAC1B,EAAE,mBAAmB,EAAE,CAAC,OAAO,EAAE,EACjC,SAAS,CACV,aAED,uBAAC,QAAI,IACH,OAAO,EAAE,eAAW,CAAC,IAAI,EACzB,SAAS,EAAE,IAAA,yBAAQ,EAAC,2CAA2C,CAAC,EAChE,KAAK,EAAE,cAAU,CAAC,QAAQ,YAEzB,KAAK,GACD,EACN,OAAO,IAAI,uBAAC,0BAAW,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,YAAQ,CAAC,EAAE,GAAI,KAjBrF,EAAE,CAkBH,CACP,CAAC;AACJ,CAAC"}
@@ -0,0 +1,11 @@
1
+ import { IconColor, IconSize } from '../../../../../components';
2
+ type Props = {
3
+ isDisabled?: boolean;
4
+ size?: IconSize;
5
+ color?: IconColor;
6
+ onClick: () => void;
7
+ className?: string;
8
+ };
9
+ export declare function ClearButton({ isDisabled, size, onClick, className, }: Props): JSX.Element;
10
+ export {};
11
+ //# sourceMappingURL=clear-button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"clear-button.d.ts","sourceRoot":"","sources":["../../../../../../src/components/atoms/chip/chip/components/clear-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,QAAQ,EAAc,MAAM,2BAA2B,CAAC;AAGvF,KAAK,KAAK,GAAG;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,UAAkB,EAClB,IAAkB,EAClB,OAAO,EACP,SAAS,GACV,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAiCrB"}
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ClearButton = ClearButton;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const components_1 = require("../../../../../components");
6
+ const tailwind_utils_1 = require("../../../../../utils/tailwind-utils");
7
+ function ClearButton({ isDisabled = false, size = components_1.IconSize.LG, onClick, className, }) {
8
+ return ((0, jsx_runtime_1.jsx)("button", { type: "button", disabled: isDisabled, onClick: onClick, className: (0, tailwind_utils_1.tailwind)('group', 'flex cursor-pointer justify-center items-center', 'min-w-[34px] h-[34px] md:min-w-[40px] md:h-[40px] outline-none', isDisabled && 'cursor-not-allowed', className), children: (0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: components_1.IconSymbol.ICON_X, size: size, color: isDisabled ? components_1.IconColor.GRAY_03 : components_1.IconColor.GRAY_02, touchTarget: (0, tailwind_utils_1.tailwind)('w-[28px] h-[28px] md:w-[34px] md:h-[34px]', 'rounded-full self-center outline-none', 'group-active:bg-gray-04', 'group-hover:bg-gray-05', 'group-focus-visible:bg-gray-05 group-focus-visible:ring-2 group-focus-visible:ring-offset-2 group-focus-visible:ring-blue-01', 'group-focus-visible:w-[25px] group-focus-visible:h-[25px] md:group-focus-visible:w-[31px] md:group-focus-visible:h-[31px]'), className: (0, tailwind_utils_1.tailwind)(!isDisabled &&
9
+ 'group-active:text-gray-01 group-hover:text-gray-01 group-focus-visible:text-gray-01') }) }));
10
+ }
11
+ //# sourceMappingURL=clear-button.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"clear-button.js","sourceRoot":"","sources":["../../../../../../src/components/atoms/chip/chip/components/clear-button.tsx"],"names":[],"mappings":";;AAWA,kCAsCC;;AAjDD,0DAAuF;AACvF,wEAA+D;AAU/D,SAAgB,WAAW,CAAC,EAC1B,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,qBAAQ,CAAC,EAAE,EAClB,OAAO,EACP,SAAS,GACH;IACN,OAAO,CACL,mCACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,yBAAQ,EACjB,OAAO,EACP,iDAAiD,EACjD,gEAAgE,EAChE,UAAU,IAAI,oBAAoB,EAClC,SAAS,CACV,YAED,uBAAC,sBAAS,IACR,IAAI,EAAE,uBAAU,CAAC,MAAM,EACvB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,sBAAS,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAS,CAAC,OAAO,EACzD,WAAW,EAAE,IAAA,yBAAQ,EACnB,2CAA2C,EAC3C,uCAAuC,EACvC,yBAAyB,EACzB,wBAAwB,EACxB,8HAA8H,EAC9H,2HAA2H,CAC5H,EACD,SAAS,EAAE,IAAA,yBAAQ,EACjB,CAAC,UAAU;gBACT,qFAAqF,CACxF,GACD,GACK,CACV,CAAC;AACJ,CAAC"}
@@ -0,0 +1,14 @@
1
+ import { ReactElement } from 'react';
2
+ import { OptionsProps } from '../../../../types/options-type';
3
+ export type ChipOptionsProps = OptionsProps & {
4
+ onClear: () => void;
5
+ };
6
+ type Props = {
7
+ data: ChipOptionsProps[];
8
+ className?: string;
9
+ firstComponent?: ReactElement;
10
+ lasItemComponent?: ReactElement;
11
+ };
12
+ export declare function ChipList({ data, className, firstComponent, lasItemComponent }: Props): import("react/jsx-runtime").JSX.Element;
13
+ export {};
14
+ //# sourceMappingURL=chips-list.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chips-list.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/chip/chips-list/chips-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAI9D,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG;IAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,gBAAgB,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,gBAAgB,CAAC,EAAE,YAAY,CAAC;CACjC,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,gBAAgB,EAAE,EAAE,KAAK,2CAoBpF"}
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ChipList = ChipList;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const __1 = require("../../..");
6
+ const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
7
+ function ChipList({ data, className, firstComponent, lasItemComponent }) {
8
+ const uniqueData = data?.filter((_data, index, self) => self.findIndex((data) => data.value === _data.value) === index);
9
+ return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-wrap items-center overflow-y-auto w-full', 'gap-x-1 gap-y-1', className), children: [firstComponent && firstComponent, uniqueData.map((item) => ((0, jsx_runtime_1.jsx)(__1.Chip, { id: item.value, label: item.label, onClick: item.onClear }, item.value))), lasItemComponent && lasItemComponent] }));
10
+ }
11
+ //# sourceMappingURL=chips-list.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chips-list.js","sourceRoot":"","sources":["../../../../../src/components/atoms/chip/chips-list/chips-list.tsx"],"names":[],"mappings":";;AAgBA,4BAoBC;;AAlCD,gCAAgC;AAChC,qEAA4D;AAa5D,SAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,gBAAgB,EAAS;IACnF,MAAM,UAAU,GAAG,IAAI,EAAE,MAAM,CAC7B,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,CACvF,CAAC;IAEF,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,oDAAoD,EACpD,iBAAiB,EACjB,SAAS,CACV,aAEA,cAAc,IAAI,cAAc,EAChC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAsB,EAAE,EAAE,CAAC,CAC1C,uBAAC,QAAI,IAAC,EAAE,EAAE,IAAI,CAAC,KAAK,EAAmB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,IAApD,IAAI,CAAC,KAAK,CAA8C,CACpF,CAAC,EACD,gBAAgB,IAAI,gBAAgB,IACjC,CACP,CAAC;AACJ,CAAC"}
@@ -0,0 +1,21 @@
1
+ import { IconSymbol } from '../../../../components';
2
+ export declare enum MenuItemVariant {
3
+ DEFAULT = "DEFAULT",
4
+ TEXT_BUTTON = "TEXT_BUTTON",
5
+ DESTRUCTIVE = "DESTRUCTIVE",
6
+ CHECK_BOX = "CHECK_BOX"
7
+ }
8
+ type Props = {
9
+ isDisabled?: boolean;
10
+ isSelected?: boolean;
11
+ id: string;
12
+ label: string;
13
+ className?: string;
14
+ helperLabel?: string;
15
+ variant?: MenuItemVariant;
16
+ icon?: IconSymbol;
17
+ onClick?: () => void;
18
+ };
19
+ export declare function MenuItem({ isDisabled, isSelected, id, label, className, helperLabel, variant, icon, onClick, }: Props): JSX.Element;
20
+ export {};
21
+ //# sourceMappingURL=menu-item.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/drop-down-menu/components/menu-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,UAAU,EAKX,MAAM,wBAAwB,CAAC;AAIhC,oBAAY,eAAe;IACzB,OAAO,YAAY;IACnB,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;IAC3B,SAAS,cAAc;CACxB;AAED,KAAK,KAAK,GAAG;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,UAAkB,EAClB,UAAkB,EAClB,EAAE,EACF,KAAK,EACL,SAAS,EACT,WAAW,EACX,OAAiC,EACjC,IAAI,EACJ,OAAkB,GACnB,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA2FrB"}
@@ -0,0 +1,29 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.MenuItemVariant = void 0;
4
+ exports.MenuItem = MenuItem;
5
+ const jsx_runtime_1 = require("react/jsx-runtime");
6
+ const components_1 = require("../../../../components");
7
+ const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
8
+ const window_dimensions_utils_1 = require("../../../../utils/window-dimensions-utils");
9
+ var MenuItemVariant;
10
+ (function (MenuItemVariant) {
11
+ MenuItemVariant["DEFAULT"] = "DEFAULT";
12
+ MenuItemVariant["TEXT_BUTTON"] = "TEXT_BUTTON";
13
+ MenuItemVariant["DESTRUCTIVE"] = "DESTRUCTIVE";
14
+ MenuItemVariant["CHECK_BOX"] = "CHECK_BOX";
15
+ })(MenuItemVariant || (exports.MenuItemVariant = MenuItemVariant = {}));
16
+ function MenuItem({ isDisabled = false, isSelected = false, id, label, className, helperLabel, variant = MenuItemVariant.DEFAULT, icon, onClick = () => { }, }) {
17
+ const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
18
+ const isDestructive = variant === MenuItemVariant.DESTRUCTIVE;
19
+ const isTextButton = variant === MenuItemVariant.TEXT_BUTTON;
20
+ const isCheckBox = variant === MenuItemVariant.CHECK_BOX;
21
+ return ((0, jsx_runtime_1.jsxs)("button", { type: "button", disabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('group', 'flex flex-row items-center p-4 w-full', 'cursor-pointer bg-white outline-none', 'disabled:cursor-not-allowed disabled:bg-white hover:bg-gray-05 active:bg-gray-04', 'focus-visible:border-2 focus-visible:border-blue-01 focus-visible:p-[14px]', isTextButton &&
22
+ 'py-2 hover:bg-blue-03 active:bg-blue-03 focus-visible:py-[6px] focus-visible:bg-blue-03', isSelected && 'bg-gray-04 hover:bg-gray-04', className), "data-testid": id, onClick: onClick, children: [icon && ((0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: icon, size: isMobile ? components_1.IconSize.LG : components_1.IconSize.XL, className: (0, tailwind_utils_1.tailwind)('mr-2', isDestructive
23
+ ? 'text-red-01 group-disabled:text-red-03'
24
+ : 'text-gray-01 group-disabled:text-gray-03') })), isCheckBox && ((0, jsx_runtime_1.jsx)(components_1.Checkbox, { isDisabled: isDisabled, value: isSelected, onCheckToggle: onClick, containerClassName: "mr-2", className: (0, tailwind_utils_1.tailwind)(!isSelected && 'group-hover:border-gray-03 group-hover:bg-gray-05', !isSelected &&
25
+ 'group-disabled:bg-gray-06 group-disabled:border-gray-04 group-disabled:cursor-not-allowed') })), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-start", children: [isTextButton ? ((0, jsx_runtime_1.jsx)(components_1.TextButton, { isDisabled: isDisabled, onClick: onClick, label: label, className: (0, tailwind_utils_1.tailwind)('text-blue-01', 'group-disabled:text-blue-03', 'group-hover:bg-blue-03', 'group-active:bg-blue-03 group-active:text-blue-00', 'group-focus-visible:bg-blue-03') })) : ((0, jsx_runtime_1.jsx)(components_1.Text, { className: (0, tailwind_utils_1.tailwind)('whitespace-normal', isDestructive
26
+ ? 'text-red-01 group-disabled:text-red-03'
27
+ : 'text-gray-01 group-disabled:text-gray-03'), children: label })), helperLabel && ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.HELPER, color: components_1.TextColors.BLACK, className: "group-disabled:text-gray-03 whitespace-normal", children: helperLabel }))] })] }, id));
28
+ }
29
+ //# sourceMappingURL=menu-item.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"menu-item.js","sourceRoot":"","sources":["../../../../../src/components/atoms/drop-down-menu/components/menu-item.tsx"],"names":[],"mappings":";;;AAgCA,4BAqGC;;AArID,uDASgC;AAChC,qEAA4D;AAC5D,uFAAgF;AAEhF,IAAY,eAKX;AALD,WAAY,eAAe;IACzB,sCAAmB,CAAA;IACnB,8CAA2B,CAAA;IAC3B,8CAA2B,CAAA;IAC3B,0CAAuB,CAAA;AACzB,CAAC,EALW,eAAe,+BAAf,eAAe,QAK1B;AAcD,SAAgB,QAAQ,CAAC,EACvB,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,EAAE,EACF,KAAK,EACL,SAAS,EACT,WAAW,EACX,OAAO,GAAG,eAAe,CAAC,OAAO,EACjC,IAAI,EACJ,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,GACZ;IACN,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAC3C,MAAM,aAAa,GAAG,OAAO,KAAK,eAAe,CAAC,WAAW,CAAC;IAC9D,MAAM,YAAY,GAAG,OAAO,KAAK,eAAe,CAAC,WAAW,CAAC;IAC7D,MAAM,UAAU,GAAG,OAAO,KAAK,eAAe,CAAC,SAAS,CAAC;IAEzD,OAAO,CACL,oCACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,IAAA,yBAAQ,EACjB,OAAO,EACP,uCAAuC,EACvC,sCAAsC,EACtC,kFAAkF,EAClF,4EAA4E,EAC5E,YAAY;YACV,yFAAyF,EAC3F,UAAU,IAAI,6BAA6B,EAC3C,SAAS,CACV,iBAEY,EAAE,EACf,OAAO,EAAE,OAAO,aAEf,IAAI,IAAI,CACP,uBAAC,sBAAS,IACR,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC1C,SAAS,EAAE,IAAA,yBAAQ,EACjB,MAAM,EACN,aAAa;oBACX,CAAC,CAAC,wCAAwC;oBAC1C,CAAC,CAAC,0CAA0C,CAC/C,GACD,CACH,EAEA,UAAU,IAAI,CACb,uBAAC,qBAAQ,IACP,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,UAAU,EACjB,aAAa,EAAE,OAAO,EACtB,kBAAkB,EAAC,MAAM,EACzB,SAAS,EAAE,IAAA,yBAAQ,EACjB,CAAC,UAAU,IAAI,mDAAmD,EAClE,CAAC,UAAU;oBACT,2FAA2F,CAC9F,GACD,CACH,EAED,iCAAK,SAAS,EAAC,2BAA2B,aACvC,YAAY,CAAC,CAAC,CAAC,CACd,uBAAC,uBAAU,IACT,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,yBAAQ,EACjB,cAAc,EACd,6BAA6B,EAC7B,wBAAwB,EACxB,mDAAmD,EACnD,gCAAgC,CACjC,GACD,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,iBAAI,IACH,SAAS,EAAE,IAAA,yBAAQ,EACjB,mBAAmB,EACnB,aAAa;4BACX,CAAC,CAAC,wCAAwC;4BAC1C,CAAC,CAAC,0CAA0C,CAC/C,YAEA,KAAK,GACD,CACR,EAEA,WAAW,IAAI,CACd,uBAAC,iBAAI,IACH,OAAO,EAAE,wBAAW,CAAC,MAAM,EAC3B,KAAK,EAAE,uBAAU,CAAC,KAAK,EACvB,SAAS,EAAC,+CAA+C,YAExD,WAAW,GACP,CACR,IACG,KAnED,EAAE,CAoEA,CACV,CAAC;AACJ,CAAC"}
@@ -0,0 +1,22 @@
1
+ import { ReactElement } from 'react';
2
+ import { OptionsProps } from '../../../types/options-type';
3
+ import { IconSymbol } from '../billo-icon/billo-icon';
4
+ import { MenuItemVariant } from './components/menu-item';
5
+ export type DropDownMenuOptionProps = OptionsProps & {
6
+ icon?: IconSymbol;
7
+ isSelected?: boolean;
8
+ isDisabled?: boolean;
9
+ helperLabel?: string;
10
+ variant?: MenuItemVariant;
11
+ onClick?: () => void;
12
+ };
13
+ type Props = {
14
+ className?: string;
15
+ selectedIDs: string[];
16
+ variant?: MenuItemVariant;
17
+ emptyElement?: ReactElement;
18
+ options: DropDownMenuOptionProps[];
19
+ };
20
+ export declare function DropDownMenu({ options, className, emptyElement, selectedIDs, variant, }: Props): JSX.Element;
21
+ export {};
22
+ //# sourceMappingURL=drop-down-menu.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"drop-down-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/drop-down-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAE3D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAY,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEnE,MAAM,MAAM,uBAAuB,GAAG,YAAY,GAAG;IACnD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,EAAE,uBAAuB,EAAE,CAAC;CACpC,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,SAAS,EACT,YAAY,EACZ,WAAgB,EAChB,OAAiC,GAClC,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAuCrB"}