period-ui 0.1.0 → 0.1.2
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.
- package/LICENSE +21 -0
- package/package.json +5 -5
- package/dist/components/atoms/billo-icon/billo-icon.d.ts +0 -125
- package/dist/components/atoms/billo-icon/billo-icon.d.ts.map +0 -1
- package/dist/components/atoms/billo-icon/billo-icon.js +0 -128
- package/dist/components/atoms/billo-icon/billo-icon.js.map +0 -1
- package/dist/components/atoms/billo-icon/billo-icon.stories.d.ts +0 -7
- package/dist/components/atoms/billo-icon/billo-icon.stories.d.ts.map +0 -1
- package/dist/components/atoms/billo-icon/billo-icon.stories.js +0 -38
- package/dist/components/atoms/billo-icon/billo-icon.stories.js.map +0 -1
- package/dist/components/atoms/billo-icon/billo-icon.test.d.ts +0 -2
- package/dist/components/atoms/billo-icon/billo-icon.test.d.ts.map +0 -1
- package/dist/components/atoms/billo-icon/billo-icon.test.js +0 -37
- package/dist/components/atoms/billo-icon/billo-icon.test.js.map +0 -1
- package/dist/components/atoms/button/button.d.ts +0 -9
- package/dist/components/atoms/button/button.d.ts.map +0 -1
- package/dist/components/atoms/button/button.js +0 -30
- package/dist/components/atoms/button/button.js.map +0 -1
- package/dist/components/atoms/button/button.stories.d.ts +0 -9
- package/dist/components/atoms/button/button.stories.d.ts.map +0 -1
- package/dist/components/atoms/button/button.stories.js +0 -40
- package/dist/components/atoms/button/button.stories.js.map +0 -1
- package/dist/components/atoms/button/button.test.d.ts +0 -2
- package/dist/components/atoms/button/button.test.d.ts.map +0 -1
- package/dist/components/atoms/button/button.test.js +0 -72
- package/dist/components/atoms/button/button.test.js.map +0 -1
- package/dist/components/atoms/check-box/check-box.d.ts +0 -22
- package/dist/components/atoms/check-box/check-box.d.ts.map +0 -1
- package/dist/components/atoms/check-box/check-box.js +0 -43
- package/dist/components/atoms/check-box/check-box.js.map +0 -1
- package/dist/components/atoms/check-box/check-box.stories.d.ts +0 -13
- package/dist/components/atoms/check-box/check-box.stories.d.ts.map +0 -1
- package/dist/components/atoms/check-box/check-box.stories.js +0 -41
- package/dist/components/atoms/check-box/check-box.stories.js.map +0 -1
- package/dist/components/atoms/check-box/check-box.test.d.ts +0 -2
- package/dist/components/atoms/check-box/check-box.test.d.ts.map +0 -1
- package/dist/components/atoms/check-box/check-box.test.js +0 -40
- package/dist/components/atoms/check-box/check-box.test.js.map +0 -1
- package/dist/components/atoms/chip/chip/chip.d.ts +0 -9
- package/dist/components/atoms/chip/chip/chip.d.ts.map +0 -1
- package/dist/components/atoms/chip/chip/chip.js +0 -13
- package/dist/components/atoms/chip/chip/chip.js.map +0 -1
- package/dist/components/atoms/chip/chip/chip.stories.d.ts +0 -8
- package/dist/components/atoms/chip/chip/chip.stories.d.ts.map +0 -1
- package/dist/components/atoms/chip/chip/chip.stories.js +0 -29
- package/dist/components/atoms/chip/chip/chip.stories.js.map +0 -1
- package/dist/components/atoms/chip/chip/chip.test.d.ts +0 -2
- package/dist/components/atoms/chip/chip/chip.test.d.ts.map +0 -1
- package/dist/components/atoms/chip/chip/chip.test.js +0 -38
- package/dist/components/atoms/chip/chip/chip.test.js.map +0 -1
- package/dist/components/atoms/chip/chip/components/clear-button.d.ts +0 -11
- package/dist/components/atoms/chip/chip/components/clear-button.d.ts.map +0 -1
- package/dist/components/atoms/chip/chip/components/clear-button.js +0 -11
- package/dist/components/atoms/chip/chip/components/clear-button.js.map +0 -1
- package/dist/components/atoms/chip/chips-list/chips-list.d.ts +0 -14
- package/dist/components/atoms/chip/chips-list/chips-list.d.ts.map +0 -1
- package/dist/components/atoms/chip/chips-list/chips-list.js +0 -11
- package/dist/components/atoms/chip/chips-list/chips-list.js.map +0 -1
- package/dist/components/atoms/chip/chips-list/chips-list.stories.d.ts +0 -8
- package/dist/components/atoms/chip/chips-list/chips-list.stories.d.ts.map +0 -1
- package/dist/components/atoms/chip/chips-list/chips-list.stories.js +0 -45
- package/dist/components/atoms/chip/chips-list/chips-list.stories.js.map +0 -1
- package/dist/components/atoms/chip/chips-list/chips-list.test.d.ts +0 -2
- package/dist/components/atoms/chip/chips-list/chips-list.test.d.ts.map +0 -1
- package/dist/components/atoms/chip/chips-list/chips-list.test.js +0 -36
- package/dist/components/atoms/chip/chips-list/chips-list.test.js.map +0 -1
- package/dist/components/atoms/drop-down-menu/components/menu-item.d.ts +0 -21
- package/dist/components/atoms/drop-down-menu/components/menu-item.d.ts.map +0 -1
- package/dist/components/atoms/drop-down-menu/components/menu-item.js +0 -29
- package/dist/components/atoms/drop-down-menu/components/menu-item.js.map +0 -1
- package/dist/components/atoms/drop-down-menu/drop-down-menu.d.ts +0 -22
- package/dist/components/atoms/drop-down-menu/drop-down-menu.d.ts.map +0 -1
- package/dist/components/atoms/drop-down-menu/drop-down-menu.js +0 -25
- package/dist/components/atoms/drop-down-menu/drop-down-menu.js.map +0 -1
- package/dist/components/atoms/drop-down-menu/drop-down-menu.stories.d.ts +0 -16
- package/dist/components/atoms/drop-down-menu/drop-down-menu.stories.d.ts.map +0 -1
- package/dist/components/atoms/drop-down-menu/drop-down-menu.stories.js +0 -222
- package/dist/components/atoms/drop-down-menu/drop-down-menu.stories.js.map +0 -1
- package/dist/components/atoms/drop-down-menu/drop-down-menu.test.d.ts +0 -2
- package/dist/components/atoms/drop-down-menu/drop-down-menu.test.d.ts.map +0 -1
- package/dist/components/atoms/drop-down-menu/drop-down-menu.test.js +0 -64
- package/dist/components/atoms/drop-down-menu/drop-down-menu.test.js.map +0 -1
- package/dist/components/atoms/icon-button/icon-button.d.ts +0 -12
- package/dist/components/atoms/icon-button/icon-button.d.ts.map +0 -1
- package/dist/components/atoms/icon-button/icon-button.js +0 -11
- package/dist/components/atoms/icon-button/icon-button.js.map +0 -1
- package/dist/components/atoms/icon-button/icon-button.stories.d.ts +0 -9
- package/dist/components/atoms/icon-button/icon-button.stories.d.ts.map +0 -1
- package/dist/components/atoms/icon-button/icon-button.stories.js +0 -58
- package/dist/components/atoms/icon-button/icon-button.stories.js.map +0 -1
- package/dist/components/atoms/icon-button/icon-button.test.d.ts +0 -2
- package/dist/components/atoms/icon-button/icon-button.test.d.ts.map +0 -1
- package/dist/components/atoms/icon-button/icon-button.test.js +0 -71
- package/dist/components/atoms/icon-button/icon-button.test.js.map +0 -1
- package/dist/components/atoms/search-bar/components/clear-button.d.ts +0 -10
- package/dist/components/atoms/search-bar/components/clear-button.d.ts.map +0 -1
- package/dist/components/atoms/search-bar/components/clear-button.js +0 -11
- package/dist/components/atoms/search-bar/components/clear-button.js.map +0 -1
- package/dist/components/atoms/search-bar/search-bar.d.ts +0 -12
- package/dist/components/atoms/search-bar/search-bar.d.ts.map +0 -1
- package/dist/components/atoms/search-bar/search-bar.js +0 -15
- package/dist/components/atoms/search-bar/search-bar.js.map +0 -1
- package/dist/components/atoms/search-bar/search-bar.stories.d.ts +0 -9
- package/dist/components/atoms/search-bar/search-bar.stories.d.ts.map +0 -1
- package/dist/components/atoms/search-bar/search-bar.stories.js +0 -39
- package/dist/components/atoms/search-bar/search-bar.stories.js.map +0 -1
- package/dist/components/atoms/search-bar/search-bar.test.d.ts +0 -2
- package/dist/components/atoms/search-bar/search-bar.test.d.ts.map +0 -1
- package/dist/components/atoms/search-bar/search-bar.test.js +0 -34
- package/dist/components/atoms/search-bar/search-bar.test.js.map +0 -1
- package/dist/components/atoms/text/text.d.ts +0 -35
- package/dist/components/atoms/text/text.d.ts.map +0 -1
- package/dist/components/atoms/text/text.js +0 -57
- package/dist/components/atoms/text/text.js.map +0 -1
- package/dist/components/atoms/text/text.stories.d.ts +0 -15
- package/dist/components/atoms/text/text.stories.d.ts.map +0 -1
- package/dist/components/atoms/text/text.stories.js +0 -70
- package/dist/components/atoms/text/text.stories.js.map +0 -1
- package/dist/components/atoms/text/text.test.d.ts +0 -2
- package/dist/components/atoms/text/text.test.d.ts.map +0 -1
- package/dist/components/atoms/text/text.test.js +0 -93
- package/dist/components/atoms/text/text.test.js.map +0 -1
- package/dist/components/atoms/text-button/text-button.d.ts +0 -19
- package/dist/components/atoms/text-button/text-button.d.ts.map +0 -1
- package/dist/components/atoms/text-button/text-button.js +0 -23
- package/dist/components/atoms/text-button/text-button.js.map +0 -1
- package/dist/components/atoms/text-button/text-button.stories.d.ts +0 -13
- package/dist/components/atoms/text-button/text-button.stories.d.ts.map +0 -1
- package/dist/components/atoms/text-button/text-button.stories.js +0 -71
- package/dist/components/atoms/text-button/text-button.stories.js.map +0 -1
- package/dist/components/atoms/text-button/text-button.test.d.ts +0 -2
- package/dist/components/atoms/text-button/text-button.test.d.ts.map +0 -1
- package/dist/components/atoms/text-button/text-button.test.js +0 -53
- package/dist/components/atoms/text-button/text-button.test.js.map +0 -1
- package/dist/components/index.d.ts +0 -14
- package/dist/components/index.d.ts.map +0 -1
- package/dist/components/index.js +0 -30
- package/dist/components/index.js.map +0 -1
- package/dist/components/molecules/form/form-select/form-select.d.ts +0 -7
- package/dist/components/molecules/form/form-select/form-select.d.ts.map +0 -1
- package/dist/components/molecules/form/form-select/form-select.js +0 -29
- package/dist/components/molecules/form/form-select/form-select.js.map +0 -1
- package/dist/components/molecules/form/form-select/form-select.stories.d.ts +0 -20
- package/dist/components/molecules/form/form-select/form-select.stories.d.ts.map +0 -1
- package/dist/components/molecules/form/form-select/form-select.stories.js +0 -158
- package/dist/components/molecules/form/form-select/form-select.stories.js.map +0 -1
- package/dist/components/molecules/form/form-select/form-select.test.d.ts +0 -2
- package/dist/components/molecules/form/form-select/form-select.test.d.ts.map +0 -1
- package/dist/components/molecules/form/form-select/form-select.test.js +0 -24
- package/dist/components/molecules/form/form-select/form-select.test.js.map +0 -1
- package/dist/components/molecules/form/form.d.ts +0 -33
- package/dist/components/molecules/form/form.d.ts.map +0 -1
- package/dist/components/molecules/form/form.js +0 -44
- package/dist/components/molecules/form/form.js.map +0 -1
- package/dist/components/molecules/form/formStoryStubs.d.ts +0 -11
- package/dist/components/molecules/form/formStoryStubs.d.ts.map +0 -1
- package/dist/components/molecules/form/formStoryStubs.js +0 -81
- package/dist/components/molecules/form/formStoryStubs.js.map +0 -1
- package/dist/components/molecules/form/formTestStubs.d.ts +0 -6
- package/dist/components/molecules/form/formTestStubs.d.ts.map +0 -1
- package/dist/components/molecules/form/formTestStubs.js +0 -41
- package/dist/components/molecules/form/formTestStubs.js.map +0 -1
- package/dist/components/molecules/select/components/select-input.d.ts +0 -8
- package/dist/components/molecules/select/components/select-input.d.ts.map +0 -1
- package/dist/components/molecules/select/components/select-input.js +0 -11
- package/dist/components/molecules/select/components/select-input.js.map +0 -1
- package/dist/components/molecules/select/select.d.ts +0 -16
- package/dist/components/molecules/select/select.d.ts.map +0 -1
- package/dist/components/molecules/select/select.js +0 -30
- package/dist/components/molecules/select/select.js.map +0 -1
- package/dist/components/molecules/select/select.stories.d.ts +0 -10
- package/dist/components/molecules/select/select.stories.d.ts.map +0 -1
- package/dist/components/molecules/select/select.stories.js +0 -53
- package/dist/components/molecules/select/select.stories.js.map +0 -1
- package/dist/components/molecules/select/select.test.d.ts +0 -2
- package/dist/components/molecules/select/select.test.d.ts.map +0 -1
- package/dist/components/molecules/select/select.test.js +0 -57
- package/dist/components/molecules/select/select.test.js.map +0 -1
- package/dist/components/molecules/select/use-select.d.ts +0 -23
- package/dist/components/molecules/select/use-select.d.ts.map +0 -1
- package/dist/components/molecules/select/use-select.js +0 -149
- package/dist/components/molecules/select/use-select.js.map +0 -1
- package/dist/containers/form-control/components/form-error.d.ts +0 -7
- package/dist/containers/form-control/components/form-error.d.ts.map +0 -1
- package/dist/containers/form-control/components/form-error.js +0 -10
- package/dist/containers/form-control/components/form-error.js.map +0 -1
- package/dist/containers/form-control/components/form-helper.d.ts +0 -9
- package/dist/containers/form-control/components/form-helper.d.ts.map +0 -1
- package/dist/containers/form-control/components/form-helper.js +0 -10
- package/dist/containers/form-control/components/form-helper.js.map +0 -1
- package/dist/containers/form-control/components/form-label.d.ts +0 -10
- package/dist/containers/form-control/components/form-label.d.ts.map +0 -1
- package/dist/containers/form-control/components/form-label.js +0 -10
- package/dist/containers/form-control/components/form-label.js.map +0 -1
- package/dist/containers/form-control/form-control.d.ts +0 -33
- package/dist/containers/form-control/form-control.d.ts.map +0 -1
- package/dist/containers/form-control/form-control.js +0 -33
- package/dist/containers/form-control/form-control.js.map +0 -1
- package/dist/containers/index.d.ts +0 -2
- package/dist/containers/index.d.ts.map +0 -1
- package/dist/containers/index.js +0 -18
- package/dist/containers/index.js.map +0 -1
- package/dist/index.d.ts.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/tsconfig.tsbuildinfo +0 -1
- package/dist/types/button-types.d.ts +0 -6
- package/dist/types/button-types.d.ts.map +0 -1
- package/dist/types/button-types.js +0 -10
- package/dist/types/button-types.js.map +0 -1
- package/dist/types/options-type.d.ts +0 -5
- package/dist/types/options-type.d.ts.map +0 -1
- package/dist/types/options-type.js +0 -3
- package/dist/types/options-type.js.map +0 -1
- package/dist/types/select-types.d.ts +0 -6
- package/dist/types/select-types.d.ts.map +0 -1
- package/dist/types/select-types.js +0 -3
- package/dist/types/select-types.js.map +0 -1
- package/dist/types/text-types.d.ts +0 -14
- package/dist/types/text-types.d.ts.map +0 -1
- package/dist/types/text-types.js +0 -3
- package/dist/types/text-types.js.map +0 -1
- package/dist/utils/string-utils/string-utils.d.ts +0 -6
- package/dist/utils/string-utils/string-utils.d.ts.map +0 -1
- package/dist/utils/string-utils/string-utils.js +0 -15
- package/dist/utils/string-utils/string-utils.js.map +0 -1
- package/dist/utils/string-utils/string-utils.test.d.ts +0 -2
- package/dist/utils/string-utils/string-utils.test.d.ts.map +0 -1
- package/dist/utils/string-utils/string-utils.test.js +0 -25
- package/dist/utils/string-utils/string-utils.test.js.map +0 -1
- package/dist/utils/string-utils.d.ts +0 -6
- package/dist/utils/string-utils.d.ts.map +0 -1
- package/dist/utils/string-utils.js +0 -15
- package/dist/utils/string-utils.js.map +0 -1
- package/dist/utils/tailwind-utils.d.ts +0 -3
- package/dist/utils/tailwind-utils.d.ts.map +0 -1
- package/dist/utils/tailwind-utils.js +0 -12
- package/dist/utils/tailwind-utils.js.map +0 -1
- package/dist/utils/window-dimensions-utils.d.ts +0 -9
- package/dist/utils/window-dimensions-utils.d.ts.map +0 -1
- package/dist/utils/window-dimensions-utils.js +0 -37
- package/dist/utils/window-dimensions-utils.js.map +0 -1
- package/dist/vitest.setup.d.ts +0 -2
- package/dist/vitest.setup.d.ts.map +0 -1
- package/dist/vitest.setup.js +0 -3
- package/dist/vitest.setup.js.map +0 -1
package/LICENSE
CHANGED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2025 Mario Fernandez
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "period-ui",
|
|
3
|
-
"version": "0.1.
|
|
4
|
-
"main": "dist/index.
|
|
5
|
-
"module": "dist/index.esm.js",
|
|
3
|
+
"version": "0.1.2",
|
|
4
|
+
"main": "dist/index.js",
|
|
6
5
|
"types": "dist/index.d.ts",
|
|
7
|
-
"style": "dist/styles.css",
|
|
8
6
|
"files": [
|
|
9
|
-
"dist",
|
|
7
|
+
"dist/index.js",
|
|
8
|
+
"dist/index.d.ts",
|
|
9
|
+
"dist/styles.css",
|
|
10
10
|
"README.md",
|
|
11
11
|
"LICENSE"
|
|
12
12
|
],
|
|
@@ -1,125 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"billo-icon.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/billo-icon/billo-icon.tsx"],"names":[],"mappings":"AAMA,oBAAY,UAAU;IACpB,OAAO,iBAAiB;IACxB,YAAY,sBAAsB;IAClC,UAAU,oBAAoB;IAC9B,aAAa,uBAAuB;IACpC,YAAY,sBAAsB;IAClC,IAAI,cAAc;IAClB,QAAQ,kBAAkB;IAC1B,MAAM,gBAAgB;IACtB,aAAa,uBAAuB;IACpC,OAAO,iBAAiB;IACxB,KAAK,eAAe;IACpB,gBAAgB,0BAA0B;IAC1C,iBAAiB,2BAA2B;IAC5C,GAAG,aAAa;IAChB,QAAQ,kBAAkB;IAC1B,YAAY,sBAAsB;IAClC,YAAY,sBAAsB;IAClC,MAAM,WAAW;IACjB,WAAW,qBAAqB;IAChC,GAAG,aAAa;IAChB,IAAI,cAAc;IAClB,QAAQ,kBAAkB;IAC1B,MAAM,gBAAgB;IACtB,KAAK,eAAe;IACpB,kBAAkB,4BAA4B;IAC9C,SAAS,mBAAmB;IAC5B,KAAK,eAAe;IACpB,MAAM,gBAAgB;IACtB,IAAI,cAAc;IAClB,QAAQ,kBAAkB;IAC1B,WAAW,oBAAoB;IAC/B,IAAI,cAAc;IAClB,QAAQ,kBAAkB;IAC1B,IAAI,cAAc;IAClB,MAAM,gBAAgB;IACtB,KAAK,eAAe;IACpB,OAAO,iBAAiB;IACxB,QAAQ,kBAAkB;IAC1B,SAAS,mBAAmB;IAC5B,kBAAkB,4BAA4B;IAC9C,WAAW,qBAAqB;IAChC,IAAI,cAAc;IAClB,GAAG,aAAa;IAChB,SAAS,mBAAmB;IAC5B,IAAI,cAAc;IAClB,KAAK,eAAe;IACpB,UAAU,oBAAoB;IAC9B,gBAAgB,0BAA0B;IAC1C,IAAI,cAAc;IAClB,OAAO,iBAAiB;IACxB,iBAAiB,2BAA2B;IAC5C,KAAK,eAAe;IACpB,UAAU,oBAAoB;IAC9B,QAAQ,kBAAkB;IAC1B,QAAQ,kBAAkB;IAC1B,cAAc,wBAAwB;IACtC,QAAQ,kBAAkB;IAC1B,WAAW,qBAAqB;IAChC,UAAU,oBAAoB;IAC9B,IAAI,cAAc;IAClB,gBAAgB,0BAA0B;IAC1C,UAAU,oBAAoB;IAC9B,WAAW,qBAAqB;IAChC,OAAO,iBAAiB;IACxB,IAAI,cAAc;IAClB,IAAI,cAAc;IAClB,MAAM,gBAAgB;IACtB,KAAK,eAAe;IACpB,SAAS,mBAAmB;IAC5B,IAAI,cAAc;IAClB,UAAU,oBAAoB;IAC9B,KAAK,eAAe;IACpB,eAAe,yBAAyB;IACxC,QAAQ,kBAAkB;IAC1B,IAAI,cAAc;IAClB,UAAU,oBAAoB;IAC9B,GAAG,aAAa;IAChB,UAAU,oBAAoB;IAC9B,OAAO,6BAA6B;IACpC,aAAa,uBAAuB;IACpC,cAAc,wBAAwB;IACtC,WAAW,qBAAqB;IAChC,mBAAmB,6BAA6B;IAChD,YAAY,sBAAsB;IAClC,kBAAkB,4BAA4B;IAC9C,UAAU,oBAAoB;CAC/B;AAED,oBAAY,QAAQ;IAClB,GAAG,gBAAgB;IACnB,EAAE,gBAAgB;IAClB,EAAE,gBAAgB;IAClB,EAAE,gBAAgB;IAClB,EAAE,gBAAgB;IAClB,EAAE,gBAAgB;IAClB,MAAM,gBAAgB;IACtB,QAAQ,gBAAgB;IACxB,OAAO,gBAAgB;IACvB,OAAO,gBAAgB;IACvB,MAAM,gBAAgB;IACtB,QAAQ,gBAAgB;IACxB,QAAQ,gBAAgB;CACzB;AAED,oBAAY,SAAS;IACnB,KAAK,eAAe;IACpB,OAAO,iBAAiB;IACxB,OAAO,iBAAiB;IACxB,OAAO,iBAAiB;IACxB,QAAQ,kBAAkB;IAC1B,SAAS,mBAAmB;IAC5B,MAAM,gBAAgB;IACtB,OAAO,iBAAiB;IACxB,OAAO,iBAAiB;IACxB,MAAM,gBAAgB;CACvB;AAED,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,IAAkB,EAClB,KAAyB,EACzB,WAAW,EACX,SAAS,GACV,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAMrB"}
|
|
@@ -1,128 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"billo-icon.js","sourceRoot":"","sources":["../../../../src/components/atoms/billo-icon/billo-icon.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { BilloIcon } from '@/components';
|
|
3
|
-
declare const meta: Meta<typeof BilloIcon>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof BilloIcon>;
|
|
6
|
-
export declare const AllIcons: Story;
|
|
7
|
-
//# sourceMappingURL=billo-icon.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"billo-icon.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/billo-icon/billo-icon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAmC,MAAM,cAAc,CAAC;AAE1E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAuBhC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAC"}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.AllIcons = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const components_1 = require("@/components");
|
|
6
|
-
const meta = {
|
|
7
|
-
title: 'Components/Atoms/BilloIcon',
|
|
8
|
-
component: components_1.BilloIcon,
|
|
9
|
-
argTypes: {
|
|
10
|
-
icon: {
|
|
11
|
-
control: 'select',
|
|
12
|
-
options: Object.values(components_1.IconSymbol),
|
|
13
|
-
},
|
|
14
|
-
size: {
|
|
15
|
-
control: 'select',
|
|
16
|
-
options: Object.values(components_1.IconSize),
|
|
17
|
-
},
|
|
18
|
-
color: {
|
|
19
|
-
control: 'select',
|
|
20
|
-
options: Object.values(components_1.IconColor),
|
|
21
|
-
},
|
|
22
|
-
},
|
|
23
|
-
args: {
|
|
24
|
-
icon: components_1.IconSymbol.CHECK_CIRCLE,
|
|
25
|
-
size: components_1.IconSize.LG,
|
|
26
|
-
color: components_1.IconColor.GRAY_02,
|
|
27
|
-
},
|
|
28
|
-
tags: ['autodocs'],
|
|
29
|
-
};
|
|
30
|
-
exports.default = meta;
|
|
31
|
-
exports.AllIcons = {
|
|
32
|
-
render: (args) => ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-wrap gap-4", children: Object.values(components_1.IconSymbol).map((icon) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center text-center w-20", children: [(0, jsx_runtime_1.jsx)(components_1.BilloIcon, { ...args, icon: icon }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs mt-1", children: icon.replace('icon-', '') })] }, icon))) })),
|
|
33
|
-
args: {
|
|
34
|
-
size: components_1.IconSize.TWO_XL,
|
|
35
|
-
color: components_1.IconColor.GRAY_02,
|
|
36
|
-
},
|
|
37
|
-
};
|
|
38
|
-
//# sourceMappingURL=billo-icon.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"billo-icon.stories.js","sourceRoot":"","sources":["../../../../src/components/atoms/billo-icon/billo-icon.stories.tsx"],"names":[],"mappings":";;;;AACA,6CAA0E;AAE1E,MAAM,IAAI,GAA2B;IACnC,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,sBAAS;IACpB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,uBAAU,CAAC;SACnC;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,qBAAQ,CAAC;SACjC;QACD,KAAK,EAAE;YACL,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,sBAAS,CAAC;SAClC;KACF;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,uBAAU,CAAC,YAAY;QAC7B,IAAI,EAAE,qBAAQ,CAAC,EAAE;QACjB,KAAK,EAAE,sBAAS,CAAC,OAAO;KACzB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,QAAQ,GAAU;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,gCAAK,SAAS,EAAC,sBAAsB,YAClC,MAAM,CAAC,MAAM,CAAC,uBAAU,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACvC,iCAAgB,SAAS,EAAC,6CAA6C,aACrE,uBAAC,sBAAS,OAAK,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,EACnC,gCAAK,SAAS,EAAC,cAAc,YAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,GAAO,KAFvD,IAAI,CAGR,CACP,CAAC,GACE,CACP;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,qBAAQ,CAAC,MAAM;QACrB,KAAK,EAAE,sBAAS,CAAC,OAAO;KACzB;CACF,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"billo-icon.test.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/billo-icon/billo-icon.test.tsx"],"names":[],"mappings":""}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
-
const react_1 = require("@testing-library/react");
|
|
5
|
-
const components_1 = require("@/components");
|
|
6
|
-
const vitest_1 = require("vitest");
|
|
7
|
-
(0, vitest_1.describe)('BilloIcon component', () => {
|
|
8
|
-
(0, vitest_1.it)('renders with default props', () => {
|
|
9
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: components_1.IconSymbol.WARNING }));
|
|
10
|
-
const icon = react_1.screen.getByRole('presentation');
|
|
11
|
-
(0, vitest_1.expect)(icon).toBeInTheDocument();
|
|
12
|
-
(0, vitest_1.expect)(icon).toHaveClass(components_1.IconSize.LG);
|
|
13
|
-
(0, vitest_1.expect)(icon).toHaveClass(components_1.IconColor.GRAY_02);
|
|
14
|
-
(0, vitest_1.expect)(icon).toHaveClass(components_1.IconSymbol.WARNING);
|
|
15
|
-
});
|
|
16
|
-
(0, vitest_1.it)('renders with custom size', () => {
|
|
17
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: components_1.IconSymbol.CHECK, size: components_1.IconSize.THREE_XL }));
|
|
18
|
-
const icon = react_1.screen.getByRole('presentation');
|
|
19
|
-
(0, vitest_1.expect)(icon).toHaveClass(components_1.IconSize.THREE_XL);
|
|
20
|
-
});
|
|
21
|
-
(0, vitest_1.it)('renders with custom color', () => {
|
|
22
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: components_1.IconSymbol.CHECK, color: components_1.IconColor.GREEN_02 }));
|
|
23
|
-
const icon = react_1.screen.getByRole('presentation');
|
|
24
|
-
(0, vitest_1.expect)(icon).toHaveClass(components_1.IconColor.GREEN_02);
|
|
25
|
-
});
|
|
26
|
-
(0, vitest_1.it)('renders with additional className', () => {
|
|
27
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: components_1.IconSymbol.CHECK, className: "custom-class" }));
|
|
28
|
-
const icon = react_1.screen.getByRole('presentation');
|
|
29
|
-
(0, vitest_1.expect)(icon).toHaveClass('custom-class');
|
|
30
|
-
});
|
|
31
|
-
(0, vitest_1.it)('renders the correct icon symbol class', () => {
|
|
32
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: components_1.IconSymbol.ICON_X }));
|
|
33
|
-
const icon = react_1.screen.getByRole('presentation');
|
|
34
|
-
(0, vitest_1.expect)(icon).toHaveClass(components_1.IconSymbol.ICON_X);
|
|
35
|
-
});
|
|
36
|
-
});
|
|
37
|
-
//# sourceMappingURL=billo-icon.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"billo-icon.test.js","sourceRoot":"","sources":["../../../../src/components/atoms/billo-icon/billo-icon.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAwD;AACxD,6CAA0E;AAC1E,mCAA8C;AAE9C,IAAA,iBAAQ,EAAC,qBAAqB,EAAE,GAAG,EAAE;IACnC,IAAA,WAAE,EAAC,4BAA4B,EAAE,GAAG,EAAE;QACpC,IAAA,cAAM,EAAC,uBAAC,sBAAS,IAAC,IAAI,EAAE,uBAAU,CAAC,OAAO,GAAI,CAAC,CAAC;QAChD,MAAM,IAAI,GAAG,cAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;QAC9C,IAAA,eAAM,EAAC,IAAI,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACjC,IAAA,eAAM,EAAC,IAAI,CAAC,CAAC,WAAW,CAAC,qBAAQ,CAAC,EAAE,CAAC,CAAC;QACtC,IAAA,eAAM,EAAC,IAAI,CAAC,CAAC,WAAW,CAAC,sBAAS,CAAC,OAAO,CAAC,CAAC;QAC5C,IAAA,eAAM,EAAC,IAAI,CAAC,CAAC,WAAW,CAAC,uBAAU,CAAC,OAAO,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,IAAA,cAAM,EAAC,uBAAC,sBAAS,IAAC,IAAI,EAAE,uBAAU,CAAC,KAAK,EAAE,IAAI,EAAE,qBAAQ,CAAC,QAAQ,GAAI,CAAC,CAAC;QACvE,MAAM,IAAI,GAAG,cAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;QAC9C,IAAA,eAAM,EAAC,IAAI,CAAC,CAAC,WAAW,CAAC,qBAAQ,CAAC,QAAQ,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,2BAA2B,EAAE,GAAG,EAAE;QACnC,IAAA,cAAM,EAAC,uBAAC,sBAAS,IAAC,IAAI,EAAE,uBAAU,CAAC,KAAK,EAAE,KAAK,EAAE,sBAAS,CAAC,QAAQ,GAAI,CAAC,CAAC;QACzE,MAAM,IAAI,GAAG,cAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;QAC9C,IAAA,eAAM,EAAC,IAAI,CAAC,CAAC,WAAW,CAAC,sBAAS,CAAC,QAAQ,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,mCAAmC,EAAE,GAAG,EAAE;QAC3C,IAAA,cAAM,EAAC,uBAAC,sBAAS,IAAC,IAAI,EAAE,uBAAU,CAAC,KAAK,EAAE,SAAS,EAAC,cAAc,GAAG,CAAC,CAAC;QACvE,MAAM,IAAI,GAAG,cAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;QAC9C,IAAA,eAAM,EAAC,IAAI,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,uCAAuC,EAAE,GAAG,EAAE;QAC/C,IAAA,cAAM,EAAC,uBAAC,sBAAS,IAAC,IAAI,EAAE,uBAAU,CAAC,MAAM,GAAI,CAAC,CAAC;QAC/C,MAAM,IAAI,GAAG,cAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;QAC9C,IAAA,eAAM,EAAC,IAAI,CAAC,CAAC,WAAW,CAAC,uBAAU,CAAC,MAAM,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,30 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { Button } from '@/components';
|
|
3
|
-
declare const meta: Meta<typeof Button>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
export declare const Primary: Story;
|
|
7
|
-
export declare const Secondary: Story;
|
|
8
|
-
export declare const Destructive: Story;
|
|
9
|
-
//# sourceMappingURL=button.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/button/button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAc7B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC"}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Destructive = exports.Secondary = exports.Primary = void 0;
|
|
4
|
-
const test_1 = require("@storybook/test");
|
|
5
|
-
const components_1 = require("@/components");
|
|
6
|
-
const meta = {
|
|
7
|
-
title: 'Components/Atoms/Button',
|
|
8
|
-
component: components_1.Button,
|
|
9
|
-
parameters: {
|
|
10
|
-
layout: 'centered',
|
|
11
|
-
},
|
|
12
|
-
argTypes: {
|
|
13
|
-
variant: {
|
|
14
|
-
options: ['primary', 'secondary', 'destructive'],
|
|
15
|
-
control: { type: 'select' },
|
|
16
|
-
},
|
|
17
|
-
},
|
|
18
|
-
args: { disabled: false, onClick: (0, test_1.fn)() },
|
|
19
|
-
tags: ['autodocs'],
|
|
20
|
-
};
|
|
21
|
-
exports.default = meta;
|
|
22
|
-
exports.Primary = {
|
|
23
|
-
args: {
|
|
24
|
-
children: 'Button',
|
|
25
|
-
variant: 'primary',
|
|
26
|
-
},
|
|
27
|
-
};
|
|
28
|
-
exports.Secondary = {
|
|
29
|
-
args: {
|
|
30
|
-
children: 'Button',
|
|
31
|
-
variant: 'secondary',
|
|
32
|
-
},
|
|
33
|
-
};
|
|
34
|
-
exports.Destructive = {
|
|
35
|
-
args: {
|
|
36
|
-
children: 'Button',
|
|
37
|
-
variant: 'destructive',
|
|
38
|
-
},
|
|
39
|
-
};
|
|
40
|
-
//# sourceMappingURL=button.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.stories.js","sourceRoot":"","sources":["../../../../src/components/atoms/button/button.stories.tsx"],"names":[],"mappings":";;;AACA,0CAAqC;AACrC,6CAAsC;AAEtC,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,mBAAM;IACjB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,aAAa,CAAC;YAChD,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B;KACF;IACD,IAAI,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,IAAA,SAAE,GAAE,EAAE;IACxC,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,SAAS;KACnB;CACF,CAAC;AAEW,QAAA,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,WAAW;KACrB;CACF,CAAC;AAEW,QAAA,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,aAAa;KACvB;CACF,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.test.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/button/button.test.tsx"],"names":[],"mappings":""}
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
-
const user_event_1 = __importDefault(require("@testing-library/user-event"));
|
|
8
|
-
const vitest_1 = require("vitest");
|
|
9
|
-
const react_1 = require("@testing-library/react");
|
|
10
|
-
const components_1 = require("@/components");
|
|
11
|
-
describe('Button component', () => {
|
|
12
|
-
it('renders with primary variant by default', () => {
|
|
13
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.Button, { children: "Click Me" }));
|
|
14
|
-
const button = react_1.screen.getByRole('button', { name: 'Click Me' });
|
|
15
|
-
expect(button).toBeInTheDocument();
|
|
16
|
-
expect(button).toHaveClass('bg-blue-01');
|
|
17
|
-
});
|
|
18
|
-
it('renders with secondary variant when specified', () => {
|
|
19
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.Button, { variant: "secondary", children: "Click Me" }));
|
|
20
|
-
const button = react_1.screen.getByRole('button');
|
|
21
|
-
expect(button).toHaveClass('bg-white', 'text-blue-01');
|
|
22
|
-
});
|
|
23
|
-
it('renders with destructive variant when specified', () => {
|
|
24
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.Button, { variant: "destructive", children: "Delete" }));
|
|
25
|
-
const button = react_1.screen.getByRole('button');
|
|
26
|
-
expect(button).toHaveClass('bg-red-01');
|
|
27
|
-
});
|
|
28
|
-
it('should be disabled when disabled prop is passed', () => {
|
|
29
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.Button, { disabled: true, children: "Click Me" }));
|
|
30
|
-
const button = react_1.screen.getByRole('button');
|
|
31
|
-
expect(button).toBeDisabled();
|
|
32
|
-
expect(button).toHaveClass('disabled:cursor-not-allowed');
|
|
33
|
-
});
|
|
34
|
-
it('applies hover styles on mouseover', async () => {
|
|
35
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.Button, { variant: "primary", children: "Hover Me" }));
|
|
36
|
-
const button = react_1.screen.getByRole('button');
|
|
37
|
-
await user_event_1.default.hover(button);
|
|
38
|
-
expect(button).toHaveClass('hover:bg-blue-02');
|
|
39
|
-
});
|
|
40
|
-
it('applies active styles on click (pressed state)', async () => {
|
|
41
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.Button, { variant: "primary", children: "Press Me" }));
|
|
42
|
-
const button = react_1.screen.getByRole('button');
|
|
43
|
-
await user_event_1.default.pointer({ keys: '[MouseLeft]', target: button });
|
|
44
|
-
expect(button).toHaveClass('active:bg-blue-00');
|
|
45
|
-
});
|
|
46
|
-
it('calls onClick handler when clicked', async () => {
|
|
47
|
-
const handleClick = vitest_1.vi.fn();
|
|
48
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.Button, { onClick: handleClick, children: "Click Me" }));
|
|
49
|
-
const button = react_1.screen.getByRole('button');
|
|
50
|
-
await user_event_1.default.click(button);
|
|
51
|
-
expect(handleClick).toHaveBeenCalledTimes(1);
|
|
52
|
-
});
|
|
53
|
-
it('receives focus when tabbed into', async () => {
|
|
54
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.Button, { children: "Focusable" }));
|
|
55
|
-
const button = react_1.screen.getByRole('button');
|
|
56
|
-
await user_event_1.default.tab();
|
|
57
|
-
expect(button).toHaveFocus();
|
|
58
|
-
});
|
|
59
|
-
it('supports custom aria-label for accessibility', () => {
|
|
60
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.Button, { "aria-label": "Custom Label" }));
|
|
61
|
-
const button = react_1.screen.getByLabelText('Custom Label');
|
|
62
|
-
expect(button).toBeInTheDocument();
|
|
63
|
-
});
|
|
64
|
-
it('does not call onClick when disabled', async () => {
|
|
65
|
-
const handleClick = vitest_1.vi.fn();
|
|
66
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.Button, { disabled: true, onClick: handleClick, children: "Don't Click" }));
|
|
67
|
-
const button = react_1.screen.getByRole('button');
|
|
68
|
-
await user_event_1.default.click(button);
|
|
69
|
-
expect(handleClick).not.toHaveBeenCalled();
|
|
70
|
-
});
|
|
71
|
-
});
|
|
72
|
-
//# sourceMappingURL=button.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.test.js","sourceRoot":"","sources":["../../../../src/components/atoms/button/button.test.tsx"],"names":[],"mappings":"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"}
|