quirk-ui 0.0.4 → 0.0.6
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/dist/assets/index.css +1 -1
- package/dist/assets/index.css.d.ts +7 -0
- package/dist/assets/index10.css +1 -0
- package/dist/assets/index10.css.d.ts +6 -0
- package/dist/assets/index11.css +1 -0
- package/dist/assets/index11.css.d.ts +7 -0
- package/dist/assets/index12.css +1 -0
- package/dist/assets/index12.css.d.ts +13 -0
- package/dist/assets/index13.css +1 -0
- package/dist/assets/index13.css.d.ts +8 -0
- package/dist/assets/index14.css +1 -0
- package/dist/assets/index14.css.d.ts +13 -0
- package/dist/assets/index15.css +1 -0
- package/dist/assets/index15.css.d.ts +10 -0
- package/dist/assets/index16.css +1 -0
- package/dist/assets/index16.css.d.ts +8 -0
- package/dist/assets/index17.css +1 -0
- package/dist/assets/index17.css.d.ts +11 -0
- package/dist/assets/index18.css +1 -0
- package/dist/assets/index18.css.d.ts +31 -0
- package/dist/assets/index19.css +1 -0
- package/dist/assets/index19.css.d.ts +7 -0
- package/dist/assets/index2.css +1 -1
- package/dist/assets/index2.css.d.ts +9 -0
- package/dist/assets/index20.css +1 -0
- package/dist/assets/index20.css.d.ts +5 -0
- package/dist/assets/index21.css +1 -0
- package/dist/assets/index21.css.d.ts +8 -0
- package/dist/assets/index22.css +1 -0
- package/dist/assets/index22.css.d.ts +6 -0
- package/dist/assets/index23.css +1 -0
- package/dist/assets/index23.css.d.ts +7 -0
- package/dist/assets/index24.css +1 -0
- package/dist/assets/index24.css.d.ts +7 -0
- package/dist/assets/index25.css +1 -0
- package/dist/assets/index25.css.d.ts +9 -0
- package/dist/assets/index26.css +1 -0
- package/dist/assets/index26.css.d.ts +21 -0
- package/dist/assets/index27.css +1 -0
- package/dist/assets/index27.css.d.ts +9 -0
- package/dist/assets/index28.css +1 -0
- package/dist/assets/index28.css.d.ts +12 -0
- package/dist/assets/index3.css +1 -1
- package/dist/assets/index3.css.d.ts +8 -0
- package/dist/assets/index4.css +1 -1
- package/dist/assets/index4.css.d.ts +8 -0
- package/dist/assets/index5.css +1 -0
- package/dist/assets/index5.css.d.ts +21 -0
- package/dist/assets/index6.css +1 -0
- package/dist/assets/index6.css.d.ts +11 -0
- package/dist/assets/index7.css +1 -0
- package/dist/assets/index7.css.d.ts +6 -0
- package/dist/assets/index8.css +1 -0
- package/dist/assets/index8.css.d.ts +10 -0
- package/dist/assets/index9.css +1 -0
- package/dist/assets/index9.css.d.ts +7 -0
- package/dist/components/Box/Box.test.js +20 -0
- package/dist/components/Box/__mocks__/styles.module.css.js +20 -0
- package/dist/components/Box/index.js +89 -0
- package/dist/components/Button/Button.test.js +33 -0
- package/dist/components/Button/__mocks__/styles.module.css.js +9 -0
- package/dist/components/Button/index.js +17 -7
- package/dist/components/ButtonGroup/ButtonGroup.test.js +37 -0
- package/dist/components/ButtonGroup/__mocks__/styles.module.css.js +7 -0
- package/dist/components/ButtonGroup/index.js +26 -0
- package/dist/components/Calendar/Calendar.test.js +40 -0
- package/dist/components/Calendar/index.js +7 -0
- package/dist/components/Checkbox/Checkbox.test.js +37 -0
- package/dist/components/Checkbox/__mocks__/styles.module.css.js +8 -0
- package/dist/components/Checkbox/index.js +45 -0
- package/dist/components/Container/Container.test.js +25 -0
- package/dist/components/Container/__mocks__/styles.module.css.js +11 -0
- package/dist/components/Container/index.js +31 -0
- package/dist/components/DatePicker/DatePicker.test.js +42 -0
- package/dist/components/DatePicker/index.js +56 -0
- package/dist/components/Divider/Divider.test.js +21 -0
- package/dist/components/Divider/__mocks__/styles.module.css.js +8 -0
- package/dist/components/Divider/index.js +19 -0
- package/dist/components/Fieldset/Fieldset.test.js +12 -0
- package/dist/components/Fieldset/index.js +19 -0
- package/dist/components/FileUpload/FileUpload.test.js +33 -0
- package/dist/components/FileUpload/index.js +99 -0
- package/dist/components/FloatingActionButton/FloatingActionButton.test.js +36 -0
- package/dist/components/FloatingActionButton/__mocks__/styles.module.css.js +9 -0
- package/dist/components/FloatingActionButton/index.js +40 -0
- package/dist/components/Form/Form.test.js +20 -0
- package/dist/components/Form/index.js +29 -0
- package/dist/components/Grid/Grid.test.js +59 -0
- package/dist/components/Grid/index.js +32 -0
- package/dist/components/Heading/Heading.test.js +26 -0
- package/dist/components/Heading/__mocks__/styles.module.css.js +11 -0
- package/dist/components/Heading/index.js +20 -7
- package/dist/components/IconButton/IconButton.test.js +48 -0
- package/dist/components/IconButton/__mocks__/styles.module.css.js +12 -0
- package/dist/components/IconButton/index.js +39 -0
- package/dist/components/Input/Input.test.js +13 -0
- package/dist/components/Input/__mocks__/styles.module.css.js +9 -0
- package/dist/components/Input/index.js +45 -6
- package/dist/components/Label/Label.test.js +30 -0
- package/dist/components/Label/__mocks__/styles.module.css.js +16 -0
- package/dist/components/Label/index.js +94 -6
- package/dist/components/Link/Link.test.js +32 -0
- package/dist/components/Link/__mocks__/styles.module.css.js +8 -0
- package/dist/components/Link/index.js +5 -0
- package/dist/components/MultiSelect/MultiSelect.test.js +3144 -0
- package/dist/components/MultiSelect/index.js +45 -0
- package/dist/components/Radio/Radio.test.js +39 -0
- package/dist/components/Radio/__mocks__/styles.module.css.js +8 -0
- package/dist/components/Radio/index.js +37 -0
- package/dist/components/Range/Range.test.js +39 -0
- package/dist/components/Range/index.js +64 -0
- package/dist/components/Select/Select.test.js +48 -0
- package/dist/components/Select/index.js +43 -0
- package/dist/components/Spacer/Spacer.test.js +22 -0
- package/dist/components/Spacer/__mocks__/styles.module.css.js +12 -0
- package/dist/components/Spacer/index.js +29 -0
- package/dist/components/Stack/Stack.test.js +60 -0
- package/dist/components/Stack/__mocks__/styles.module.css.js +21 -0
- package/dist/components/Stack/index.js +65 -0
- package/dist/components/Switch/Switch.test.js +48 -0
- package/dist/components/Switch/index.js +57 -0
- package/dist/components/Table/Table.test.js +31 -0
- package/dist/components/Table/index.js +31 -0
- package/dist/components/Text/Text.test.js +65 -0
- package/dist/components/Text/__mocks__/styles.module.css.js +9 -0
- package/dist/components/Text/index.js +50 -0
- package/dist/components/Textarea/Textarea.test.js +37 -0
- package/dist/components/Textarea/index.js +47 -0
- package/dist/createLucideIcon-C8GTh_Qx.js +89 -0
- package/dist/index-BWTAh3RO.js +57529 -0
- package/dist/index-BtY6pil2.js +1621 -0
- package/dist/index-DhqFdMqD.js +1416 -0
- package/dist/lib/components/Box/Box.test.d.ts +0 -0
- package/dist/lib/components/Box/__mocks__/styles.module.css.d.ts +18 -0
- package/dist/lib/components/Box/index.d.ts +59 -0
- package/dist/lib/components/Button/Button.test.d.ts +0 -0
- package/dist/lib/components/Button/__mocks__/styles.module.css.d.ts +7 -0
- package/dist/lib/components/Button/index.d.ts +11 -1
- package/dist/lib/components/ButtonGroup/ButtonGroup.test.d.ts +0 -0
- package/dist/lib/components/ButtonGroup/__mocks__/styles.module.css.d.ts +5 -0
- package/dist/lib/components/ButtonGroup/index.d.ts +8 -0
- package/dist/lib/components/Calendar/Calendar.test.d.ts +0 -0
- package/dist/lib/components/Calendar/index.d.ts +6 -0
- package/dist/lib/components/Checkbox/Checkbox.test.d.ts +0 -0
- package/dist/lib/components/Checkbox/__mocks__/styles.module.css.d.ts +6 -0
- package/dist/lib/components/Checkbox/index.d.ts +10 -0
- package/dist/lib/components/Container/Container.test.d.ts +0 -0
- package/dist/lib/components/Container/__mocks__/styles.module.css.d.ts +9 -0
- package/dist/lib/components/Container/index.d.ts +20 -0
- package/dist/lib/components/DatePicker/DatePicker.test.d.ts +0 -0
- package/dist/lib/components/DatePicker/index.d.ts +13 -0
- package/dist/lib/components/Divider/Divider.test.d.ts +0 -0
- package/dist/lib/components/Divider/__mocks__/styles.module.css.d.ts +6 -0
- package/dist/lib/components/Divider/index.d.ts +12 -0
- package/dist/lib/components/Fieldset/Fieldset.test.d.ts +0 -0
- package/dist/lib/components/Fieldset/index.d.ts +7 -0
- package/dist/lib/components/FileUpload/FileUpload.test.d.ts +0 -0
- package/dist/lib/components/FileUpload/index.d.ts +13 -0
- package/dist/lib/components/FloatingActionButton/FloatingActionButton.test.d.ts +0 -0
- package/dist/lib/components/FloatingActionButton/__mocks__/styles.module.css.d.ts +7 -0
- package/dist/lib/components/FloatingActionButton/index.d.ts +18 -0
- package/dist/lib/components/Form/Form.test.d.ts +0 -0
- package/dist/lib/components/Form/index.d.ts +12 -0
- package/dist/lib/components/Grid/Grid.test.d.ts +0 -0
- package/dist/lib/components/Grid/index.d.ts +11 -0
- package/dist/lib/components/Heading/Heading.test.d.ts +0 -0
- package/dist/lib/components/Heading/__mocks__/styles.module.css.d.ts +9 -0
- package/dist/lib/components/Heading/index.d.ts +291 -1
- package/dist/lib/components/IconButton/IconButton.test.d.ts +0 -0
- package/dist/lib/components/IconButton/__mocks__/styles.module.css.d.ts +10 -0
- package/dist/lib/components/IconButton/index.d.ts +24 -0
- package/dist/lib/components/Input/Input.test.d.ts +0 -0
- package/dist/lib/components/Input/__mocks__/styles.module.css.d.ts +7 -0
- package/dist/lib/components/Input/index.d.ts +10 -1
- package/dist/lib/components/Label/Label.test.d.ts +0 -0
- package/dist/lib/components/Label/__mocks__/styles.module.css.d.ts +14 -0
- package/dist/lib/components/Label/index.d.ts +29 -1
- package/dist/lib/components/Link/Link.test.d.ts +0 -0
- package/dist/lib/components/Link/__mocks__/styles.module.css.d.ts +6 -0
- package/dist/lib/components/Link/index.d.ts +18 -0
- package/dist/lib/components/MultiSelect/MultiSelect.test.d.ts +0 -0
- package/dist/lib/components/MultiSelect/index.d.ts +17 -0
- package/dist/lib/components/Radio/Radio.test.d.ts +0 -0
- package/dist/lib/components/Radio/__mocks__/styles.module.css.d.ts +6 -0
- package/dist/lib/components/Radio/index.d.ts +12 -0
- package/dist/lib/components/Range/Range.test.d.ts +0 -0
- package/dist/lib/components/Range/index.d.ts +15 -0
- package/dist/lib/components/Select/Select.test.d.ts +0 -0
- package/dist/lib/components/Select/index.d.ts +18 -0
- package/dist/lib/components/Spacer/Spacer.test.d.ts +0 -0
- package/dist/lib/components/Spacer/__mocks__/styles.module.css.d.ts +10 -0
- package/dist/lib/components/Spacer/index.d.ts +20 -0
- package/dist/lib/components/Stack/Stack.test.d.ts +0 -0
- package/dist/lib/components/Stack/__mocks__/styles.module.css.d.ts +19 -0
- package/dist/lib/components/Stack/index.d.ts +42 -0
- package/dist/lib/components/Switch/Switch.test.d.ts +0 -0
- package/dist/lib/components/Switch/index.d.ts +18 -0
- package/dist/lib/components/Table/Table.test.d.ts +0 -0
- package/dist/lib/components/Table/index.d.ts +15 -0
- package/dist/lib/components/Text/Text.test.d.ts +0 -0
- package/dist/lib/components/Text/__mocks__/styles.module.css.d.ts +7 -0
- package/dist/lib/components/Text/index.d.ts +17 -0
- package/dist/lib/components/Textarea/Textarea.test.d.ts +0 -0
- package/dist/lib/components/Textarea/index.d.ts +13 -0
- package/dist/lib/main.d.ts +26 -1
- package/dist/lib/utils/renderRichText.d.ts +25 -0
- package/dist/magic-string.es-D4UQQyt0.js +859 -0
- package/dist/main.js +54 -6
- package/dist/trash-2-2Rn0a4s6.js +17 -0
- package/dist/utils/renderRichText.js +26 -0
- package/package.json +23 -6
package/dist/assets/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._wrapper_162xi_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._label_162xi_7{cursor:pointer}._textarea_162xi_11{min-height:6rem;padding:var(--spacing-sm);border:2px solid var(--color-border, #ccc);border-radius:var(--radius-md);resize:vertical;font-size:var(--font-size-md);outline:none;background-color:var(--color-background);color:var(--color-text-primary);transition:border-color .3s}._textarea_162xi_11:focus{border-color:var(--color-primary);outline:none}._textarea_162xi_11:disabled{background-color:var(--color-muted);cursor:not-allowed}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._wrapper_a587t_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._select_a587t_7{padding:var(--spacing-sm);font-size:var(--font-size-md);border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text-primary);min-height:3rem;resize:vertical}._select_a587t_7:disabled{background-color:var(--color-muted);color:var(--color-secondary);cursor:not-allowed}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._buttonGroup_c695y_1{display:inline-flex;gap:.5rem}@media (max-width: var(--breakpoint-sm)){._buttonGroup_c695y_1{flex-direction:column}}._vertical_c695y_10{flex-direction:column}._horizontal_c695y_14{flex-direction:row}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._fab_1p460_1{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:25;background-color:var(--color-primary, #000);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:background-color .25s ease-in-out}._fab_1p460_1:hover{background-color:var(--color-secondary)}._sm_1p460_22{width:40px;height:40px}._md_1p460_27{width:56px;height:56px}._lg_1p460_31{width:72px;height:72px}._bottom-right_1p460_36{bottom:var(--spacing-lg);right:var(--spacing-lg)}._bottom-left_1p460_41{bottom:var(--spacing-lg);left:var(--spacing-lg)}._top-right_1p460_46{top:var(--spacing-lg);right:var(--spacing-lg)}._top-left_1p460_51{top:var(--spacing-lg);left:var(--spacing-lg)}._disabled_1p460_56{color:var(--color-muted)}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
declare const styles: {
|
|
2
|
+
readonly "_bottom-left_1p460_41": string;
|
|
3
|
+
readonly "_bottom-right_1p460_36": string;
|
|
4
|
+
readonly "_disabled_1p460_56": string;
|
|
5
|
+
readonly "_fab_1p460_1": string;
|
|
6
|
+
readonly "_lg_1p460_31": string;
|
|
7
|
+
readonly "_md_1p460_27": string;
|
|
8
|
+
readonly "_sm_1p460_22": string;
|
|
9
|
+
readonly "_top-left_1p460_51": string;
|
|
10
|
+
readonly "_top-right_1p460_46": string;
|
|
11
|
+
};
|
|
12
|
+
export = styles;
|
|
13
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._button_v8ol8_1{border-radius:var(--radius-md);border:1px solid transparent;padding:1rem 1.25rem;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);font-family:inherit;background-color:var(--color-primary);cursor:pointer;transition:background-color .25s,border-color .25s}._button_v8ol8_1:hover{border-color:var(--color-secondary)}._button_v8ol8_1:focus,._button_v8ol8_1:focus-visible{outline:4px auto -webkit-focus-ring-color}._button_v8ol8_1._primary_v8ol8_21{background-color:var(--color-primary)}._button_v8ol8_1._primary_v8ol8_21:hover,._button_v8ol8_1._secondary_v8ol8_29{background-color:var(--color-secondary)}._button_v8ol8_1._secondary_v8ol8_29:hover{background-color:var(--color-primary)}._button_v8ol8_1._ghost_v8ol8_37{background-color:transparent;border-color:var(--color-primary);border-width:2px;color:var(--color-primary)}._button_v8ol8_1._ghost_v8ol8_37:hover{background-color:var(--color-primary);color:#fff}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._iconButton_e9jmu_1{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background .25s ease}._iconButton_e9jmu_1:disabled{opacity:.5;cursor:not-allowed}._sm_e9jmu_18{width:32px;height:32px}._md_e9jmu_23{width:40px;height:40px}._lg_e9jmu_28{width:48px;height:48px}._default_e9jmu_33{background-color:#f0f0f0;color:#111}._muted_e9jmu_38{background-color:#bbb;color:var(--color-muted)}._accent_e9jmu_43{background-color:var(--color-primary);color:#fff}._error_e9jmu_48{background-color:var(--color-error);color:#fff}._srOnly_e9jmu_53{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
declare const styles: {
|
|
2
|
+
readonly "_accent_e9jmu_43": string;
|
|
3
|
+
readonly "_default_e9jmu_33": string;
|
|
4
|
+
readonly "_error_e9jmu_48": string;
|
|
5
|
+
readonly "_iconButton_e9jmu_1": string;
|
|
6
|
+
readonly "_lg_e9jmu_28": string;
|
|
7
|
+
readonly "_md_e9jmu_23": string;
|
|
8
|
+
readonly "_muted_e9jmu_38": string;
|
|
9
|
+
readonly "_sm_e9jmu_18": string;
|
|
10
|
+
readonly "_srOnly_e9jmu_53": string;
|
|
11
|
+
};
|
|
12
|
+
export = styles;
|
|
13
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._h1_mq0ks_1,._h2_mq0ks_2,._h3_mq0ks_3,._h4_mq0ks_4,._h5_mq0ks_5,._h6_mq0ks_6{line-height:var(--line-height-tight);margin-block:0 var(--spacing-md);color:var(--color-heading)}._h1_mq0ks_1[class*=bg],._h2_mq0ks_2[class*=bg],._h3_mq0ks_3[class*=bg],._h4_mq0ks_4[class*=bg],._h5_mq0ks_5[class*=bg],._h6_mq0ks_6[class*=bg]{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}._h1_mq0ks_1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);margin-block:0 var(--spacing-md)}._h2_mq0ks_2{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);margin-block:0 var(--spacing-md)}._h3_mq0ks_3{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);margin-block:0 var(--spacing-sm)}._h4_mq0ks_4{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);margin-block:0 var(--spacing-sm)}._h5_mq0ks_5{font-size:var(--font-size-h5);font-weight:var(--font-weight-medium);margin-block:var(--spacing-xs)}._h6_mq0ks_6{font-size:var(--font-size-h6);font-weight:var(--font-weight-medium);margin-block:var(--spacing-xs)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._grid_1ua6c_1{display:grid;width:100%}@media (min-width: (var(--breakpoint-md))){._grid-md-2_1ua6c_7{grid-template-columns:repeat(2,1fr)}._grid-md-3_1ua6c_11{grid-template-columns:repeat(3,1fr)}}@media (min-width: (var(--breakpoint-lg))){._grid-lg-4_1ua6c_17{grid-template-columns:repeat(4,1fr)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._container_171d6_1{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._sm_171d6_9{max-width:var(--breakpoint-sm)}._md_171d6_13{max-width:var(--breakpoint-md)}._lg_171d6_17{max-width:var(--breakpoint-lg)}._xl_171d6_21{max-width:var(--breakpoint-xl)}._full_171d6_25{max-width:100%}._fluid_171d6_29{max-width:none;padding-left:0;padding-right:0}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
declare const styles: {
|
|
2
|
+
readonly "_container_171d6_1": string;
|
|
3
|
+
readonly "_fluid_171d6_29": string;
|
|
4
|
+
readonly "_full_171d6_25": string;
|
|
5
|
+
readonly "_lg_171d6_17": string;
|
|
6
|
+
readonly "_md_171d6_13": string;
|
|
7
|
+
readonly "_sm_171d6_9": string;
|
|
8
|
+
readonly "_xl_171d6_21": string;
|
|
9
|
+
};
|
|
10
|
+
export = styles;
|
|
11
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._box_1242k_1{box-sizing:border-box}._paddingNone_1242k_6{padding:0}._paddingSm_1242k_10{padding:.5rem}._paddingMd_1242k_14{padding:1rem}._paddingLg_1242k_18{padding:2rem}._marginNone_1242k_23{margin:0}._marginSm_1242k_27{margin:.5rem}._marginMd_1242k_31{margin:1rem}._marginLg_1242k_35{margin:2rem}._block_1242k_40{display:block}._inline_1242k_44{display:inline}._inlineBlock_1242k_48{display:inline-block}._flex_1242k_52{display:flex}._inlineFlex_1242k_56{display:inline-flex}._grid_1242k_60{display:grid}._bgTransparent_1242k_65{background-color:transparent}._bgLight_1242k_69{background-color:#f8fafc}._bgDark_1242k_73{background-color:#0f172a}._bgAccent_1242k_77{background-color:var(--color-primary)}._borderNone_1242k_82{border:none}._borderThin_1242k_86{border:1px solid var(--color-border)}._borderThick_1242k_90{border:2px solid var(--color-border)}._radiusNone_1242k_95{border-radius:0}._radiusSm_1242k_99{border-radius:var(--radius-sm)}._radiusMd_1242k_103{border-radius:var(--radius-md)}._radiusLg_1242k_107{border-radius:var(--radius-lg)}._radiusFull_1242k_111{border-radius:var(--radius-full)}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
declare const styles: {
|
|
2
|
+
readonly "_bgAccent_1242k_77": string;
|
|
3
|
+
readonly "_bgDark_1242k_73": string;
|
|
4
|
+
readonly "_bgLight_1242k_69": string;
|
|
5
|
+
readonly "_bgTransparent_1242k_65": string;
|
|
6
|
+
readonly "_block_1242k_40": string;
|
|
7
|
+
readonly "_borderNone_1242k_82": string;
|
|
8
|
+
readonly "_borderThick_1242k_90": string;
|
|
9
|
+
readonly "_borderThin_1242k_86": string;
|
|
10
|
+
readonly "_box_1242k_1": string;
|
|
11
|
+
readonly "_flex_1242k_52": string;
|
|
12
|
+
readonly "_grid_1242k_60": string;
|
|
13
|
+
readonly "_inlineBlock_1242k_48": string;
|
|
14
|
+
readonly "_inlineFlex_1242k_56": string;
|
|
15
|
+
readonly "_inline_1242k_44": string;
|
|
16
|
+
readonly "_marginLg_1242k_35": string;
|
|
17
|
+
readonly "_marginMd_1242k_31": string;
|
|
18
|
+
readonly "_marginNone_1242k_23": string;
|
|
19
|
+
readonly "_marginSm_1242k_27": string;
|
|
20
|
+
readonly "_paddingLg_1242k_18": string;
|
|
21
|
+
readonly "_paddingMd_1242k_14": string;
|
|
22
|
+
readonly "_paddingNone_1242k_6": string;
|
|
23
|
+
readonly "_paddingSm_1242k_10": string;
|
|
24
|
+
readonly "_radiusFull_1242k_111": string;
|
|
25
|
+
readonly "_radiusLg_1242k_107": string;
|
|
26
|
+
readonly "_radiusMd_1242k_103": string;
|
|
27
|
+
readonly "_radiusNone_1242k_95": string;
|
|
28
|
+
readonly "_radiusSm_1242k_99": string;
|
|
29
|
+
};
|
|
30
|
+
export = styles;
|
|
31
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._divider_zjbsg_1{flex-shrink:0;background:none}._horizontal_zjbsg_6{width:100%;height:auto}._vertical_zjbsg_11{height:100%;width:auto}
|
package/dist/assets/index2.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._text_17qk6_1{font-family:var(--font-family-sans);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-text-primary)}._text_17qk6_1 p{margin-bottom:var(--spacing-md)}._text_17qk6_1 h1,._text_17qk6_1 h2,._text_17qk6_1 h3,._text_17qk6_1 h4,._text_17qk6_1 h5,._text_17qk6_1 h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}._text_17qk6_1 ul,._text_17qk6_1 ol{padding-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}._text_17qk6_1 ul{list-style-type:disc}._text_17qk6_1 ol{list-style-type:decimal}._text_17qk6_1 li{margin-bottom:var(--spacing-xs)}._text_17qk6_1 a{color:var(--color-primary);text-decoration:underline}._text_17qk6_1 a:hover{text-decoration:none}._default_17qk6_55{font-size:1rem}._muted_17qk6_59{color:var(--color-muted)}._lead_17qk6_63{font-size:1.25rem;font-weight:500}._small_17qk6_68{font-size:.875rem}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._form_s0yvj_1{display:flex;flex-direction:column;gap:var(--spacing-md)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._wrapper_1fwv5_1{display:flex;flex-direction:column;gap:.25rem}._input_1fwv5_7{padding:var(--spacing-sm) var(--spacing-sm);border:2px solid var(--color-border, #ccc);border-radius:var(--radius-md);font-size:var(--font-size-md);outline:none;background-color:var(--color-background);color:var(--color-text-primary)}._input_1fwv5_7::placeholder{color:var(--color-muted)}._input_1fwv5_7:focus{border-color:var(--color-primary)}._error_1fwv5_25{border-color:var(--color-error, #e00)}._errorMessage_1fwv5_29{border-color:var(--color-error, #e00);font-size:var(--font-size-sm)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._fieldset_1i2zv_1{border:1px solid var(--color-border, #ccc);padding:var(--spacing-md);border-radius:var(--radius-md);margin:0}._legend_1i2zv_8{font-weight:700;margin-bottom:var(--spacing-sm);padding:0 var(--spacing-xs)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._wrapper_zxmf0_1{display:flex;align-items:center;gap:var(--spacing-sm)}._checkbox_zxmf0_7{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border:2px solid var(--color-border);border-radius:var(--spacing-xs);position:relative;cursor:pointer;transition:background .2s,border-color .2s;margin:0}._checkbox_zxmf0_7:checked{background-color:var(--color-primary);border-color:var(--color-primary)}._checkbox_zxmf0_7:disabled{background-color:var(--color-muted);cursor:not-allowed}._label_zxmf0_29{cursor:pointer;-webkit-user-select:none;user-select:none;margin:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._wrapper_13tha_1{display:flex;flex-direction:column;position:relative}._input_13tha_7{padding:var(--spacing-sm) var(--spacing-sm);border:2px solid var(--color-border, #ccc);border-radius:var(--radius-md);font-size:var(--font-size-md);outline:none;background-color:var(--color-background);color:var(--color-text-primary)}._input_13tha_7::placeholder{color:var(--color-muted)}._input_13tha_7:focus{border-color:var(--color-primary)}._popover_13tha_25{position:absolute;top:100%;left:0;z-index:10;border-radius:var(--radius-md);background-color:var(--color-background);border:1px solid var(--color-border);margin-top:var(--spacing-xs)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._wrapper_s8dew_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._dropZone_s8dew_7{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center;cursor:pointer;background-color:var(--color-background);transition:background-color .3s ease}._dropZone_s8dew_7 p{color:var(--color-text-primary)}._dropZone_s8dew_7:hover{background-color:var(--color-background)}._dragging_s8dew_25{background-color:var(--color-primary);border-color:var(--color-primary)}._input_s8dew_30{display:none}._fileList_s8dew_34{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);list-style:none;padding:0}._fileList_s8dew_34 li{color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}._fileList_s8dew_34 li button{cursor:pointer}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._label_15ngo_1{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._text_15ngo_6{display:inline-flex;align-items:center;gap:var(--spacing-xs)}._sm_15ngo_13{font-size:.75rem}._md_15ngo_17{font-size:.875rem}._lg_15ngo_21{font-size:1rem}._default_15ngo_26{color:var(--color-text-primary)}._muted_15ngo_30{color:var(--color-muted)}._accent_15ngo_34{color:var(--color-primary)}._disabled_15ngo_38{color:var(--color-muted)}._error_15ngo_42{color:var(--color-error)}._required_15ngo_47{color:var(--color-error);margin-left:.25rem}._optional_15ngo_52{color:var(--color-muted);font-style:italic;margin-left:.25rem}._srOnly_15ngo_58{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._icon_15ngo_71{line-height:0;margin-left:var(--spacing-xs)}._tooltipWrapper_15ngo_77{position:relative;display:inline-flex;align-items:center}._tooltipIcon_15ngo_83{line-height:0;font-size:var(--font-size-md);cursor:help;margin-left:var(--spacing-xs);color:var(--color-muted)}._tooltipText_15ngo_91{visibility:hidden;background-color:#111;color:#fff;text-align:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);position:absolute;z-index:10;bottom:125%;left:50%;transform:translate(-50%);font-size:var(--font-size-xs);white-space:nowrap;opacity:0;transition:opacity .2s ease}._tooltipWrapper_15ngo_77:hover ._tooltipText_15ngo_91,._tooltipWrapper_15ngo_77:focus-within ._tooltipText_15ngo_91{visibility:visible;opacity:1}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
declare const styles: {
|
|
2
|
+
readonly "_accent_15ngo_34": string;
|
|
3
|
+
readonly "_default_15ngo_26": string;
|
|
4
|
+
readonly "_disabled_15ngo_38": string;
|
|
5
|
+
readonly "_error_15ngo_42": string;
|
|
6
|
+
readonly "_icon_15ngo_71": string;
|
|
7
|
+
readonly "_label_15ngo_1": string;
|
|
8
|
+
readonly "_lg_15ngo_21": string;
|
|
9
|
+
readonly "_md_15ngo_17": string;
|
|
10
|
+
readonly "_muted_15ngo_30": string;
|
|
11
|
+
readonly "_optional_15ngo_52": string;
|
|
12
|
+
readonly "_required_15ngo_47": string;
|
|
13
|
+
readonly "_sm_15ngo_13": string;
|
|
14
|
+
readonly "_srOnly_15ngo_58": string;
|
|
15
|
+
readonly "_text_15ngo_6": string;
|
|
16
|
+
readonly "_tooltipIcon_15ngo_83": string;
|
|
17
|
+
readonly "_tooltipText_15ngo_91": string;
|
|
18
|
+
readonly "_tooltipWrapper_15ngo_77": string;
|
|
19
|
+
};
|
|
20
|
+
export = styles;
|
|
21
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._link_98em4_1{color:var(--color-link);text-decoration:none;display:inline-flex;align-items:center;gap:.25rem}._default_98em4_9{color:var(--color-link)}._muted_98em4_13{color:var(--color-muted)}._underline_98em4_17{text-decoration:underline}._icon_98em4_21{display:inline-flex}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._calendar_zbxci_1{padding:var(--spacing-sm);border-radius:var(--radius-md);min-width:250px}._header_zbxci_7{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}._dayName_zbxci_13{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);width:30px;text-align:center;flex:1;font-size:var(--font-size-sm)}._monthName_zbxci_23{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}._week_zbxci_28{display:flex;justify-content:space-between;color:var(--color-text-primary)}._cell_zbxci_34{flex:1;padding:var(--spacing-xs) 0;text-align:center;background:none;color:var(--color-text-primary);border:none;cursor:pointer;width:30px}._outside_zbxci_45{color:var(--color-muted)}._selected_zbxci_49{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md)}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
declare const styles: {
|
|
2
|
+
readonly "_calendar_zbxci_1": string;
|
|
3
|
+
readonly "_cell_zbxci_34": string;
|
|
4
|
+
readonly "_dayName_zbxci_13": string;
|
|
5
|
+
readonly "_header_zbxci_7": string;
|
|
6
|
+
readonly "_monthName_zbxci_23": string;
|
|
7
|
+
readonly "_outside_zbxci_45": string;
|
|
8
|
+
readonly "_selected_zbxci_49": string;
|
|
9
|
+
readonly "_week_zbxci_28": string;
|
|
10
|
+
};
|
|
11
|
+
export = styles;
|
|
12
|
+
|
package/dist/assets/index3.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
._wrapper_g45ha_1{overflow-x:auto}._table_g45ha_5{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}th,td{padding:var(--spacing-xs);text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}th{background-color:var(--color-secondary);font-weight:var(--font-weight-semibold)}._empty_g45ha_24{text-align:center;padding:var(--spacing-md);color:var(--color-text-primary)}._clickableRow_g45ha_30{cursor:pointer}._clickableRow_g45ha_30:hover{background-color:var(--color-primary)}
|
package/dist/assets/index4.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._wrapper_fzy93_1{display:flex;align-items:center;gap:var(--spacing-sm)}._input_fzy93_7{display:none}._slider_fzy93_11{position:relative;width:2.5rem;height:1.25rem;background-color:var(--color-muted);border-radius:var(--radius-full);transition:background-color .3s}._slider_fzy93_11:before{content:"";position:absolute;top:2px;left:2px;width:1rem;height:1rem;background-color:var(--color-background);border-radius:50%;transition:transform .3s}._input_fzy93_7:checked+._slider_fzy93_11{background-color:var(--color-primary)}._input_fzy93_7:checked+._slider_fzy93_11:before{transform:translate(1.25rem)}label,._label_fzy93_41{margin-bottom:0!important}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._stack_134u6_1{display:flex}._vertical_134u6_5{flex-direction:column}._horizontal_134u6_9{flex-direction:row}._wrap_134u6_13{flex-wrap:wrap}._gapSm_134u6_18{gap:var(--spacing-sm)}._gapMd_134u6_22{gap:var(--spacing-md)}._gapLg_134u6_26{gap:var(--spacing-xl)}._alignStart_134u6_31{align-items:flex-start}._alignCenter_134u6_35{align-items:center}._alignEnd_134u6_39{align-items:flex-end}._alignStretch_134u6_43{align-items:stretch}._justifyStart_134u6_48{justify-content:flex-start}._justifyCenter_134u6_52{justify-content:center}._justifyEnd_134u6_56{justify-content:flex-end}._justifySpaceBetween_134u6_60{justify-content:space-between}._justifySpaceAround_134u6_64{justify-content:space-around}._justifySpaceEvenly_134u6_68{justify-content:space-evenly}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
declare const styles: {
|
|
2
|
+
readonly "_alignCenter_134u6_35": string;
|
|
3
|
+
readonly "_alignEnd_134u6_39": string;
|
|
4
|
+
readonly "_alignStart_134u6_31": string;
|
|
5
|
+
readonly "_alignStretch_134u6_43": string;
|
|
6
|
+
readonly "_gapLg_134u6_26": string;
|
|
7
|
+
readonly "_gapMd_134u6_22": string;
|
|
8
|
+
readonly "_gapSm_134u6_18": string;
|
|
9
|
+
readonly "_horizontal_134u6_9": string;
|
|
10
|
+
readonly "_justifyCenter_134u6_52": string;
|
|
11
|
+
readonly "_justifyEnd_134u6_56": string;
|
|
12
|
+
readonly "_justifySpaceAround_134u6_64": string;
|
|
13
|
+
readonly "_justifySpaceBetween_134u6_60": string;
|
|
14
|
+
readonly "_justifySpaceEvenly_134u6_68": string;
|
|
15
|
+
readonly "_justifyStart_134u6_48": string;
|
|
16
|
+
readonly "_stack_134u6_1": string;
|
|
17
|
+
readonly "_vertical_134u6_5": string;
|
|
18
|
+
readonly "_wrap_134u6_13": string;
|
|
19
|
+
};
|
|
20
|
+
export = styles;
|
|
21
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._spacer_1pz5u_1{flex-shrink:0;background:none}._horizontal_1pz5u_6{width:100%;height:auto}._vertical_1pz5u_11{height:100%;width:auto}._sm_1pz5u_16{height:.5rem;width:.5rem}._md_1pz5u_21{height:1rem;width:1rem}._lg_1pz5u_26{height:2rem;width:2rem}._xl_1pz5u_31{height:3rem;width:3rem}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
declare const styles: {
|
|
2
|
+
readonly "_horizontal_1pz5u_6": string;
|
|
3
|
+
readonly "_lg_1pz5u_26": string;
|
|
4
|
+
readonly "_md_1pz5u_21": string;
|
|
5
|
+
readonly "_sm_1pz5u_16": string;
|
|
6
|
+
readonly "_spacer_1pz5u_1": string;
|
|
7
|
+
readonly "_vertical_1pz5u_11": string;
|
|
8
|
+
readonly "_xl_1pz5u_31": string;
|
|
9
|
+
};
|
|
10
|
+
export = styles;
|
|
11
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._wrapper_3s7ns_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._select_3s7ns_7{padding:var(--spacing-sm);font-size:var(--font-size-md);border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text-primary)}._select_3s7ns_7:disabled{background-color:var(--color-muted);color:var(--color-secondary);cursor:not-allowed}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._wrapper_7toxm_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._trackContainer_7toxm_7{display:flex;align-items:center;gap:var(--spacing-sm)}._track_7toxm_7{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background-color:var(--color-muted);border-radius:4px;outline:none}._track_7toxm_7::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background-color:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;border:none}._track_7toxm_7::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background-color:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;border:none}._value_7toxm_44{width:2rem;text-align:right;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary)}._error_7toxm_52{color:var(--color-error)}._errorMessage_7toxm_56{font-size:var(--font-size-sm);color:var(--color-error)}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
declare const styles: {
|
|
2
|
+
readonly "_errorMessage_7toxm_56": string;
|
|
3
|
+
readonly "_error_7toxm_52": string;
|
|
4
|
+
readonly "_trackContainer_7toxm_7": string;
|
|
5
|
+
readonly "_track_7toxm_7": string;
|
|
6
|
+
readonly "_value_7toxm_44": string;
|
|
7
|
+
readonly "_wrapper_7toxm_1": string;
|
|
8
|
+
};
|
|
9
|
+
export = styles;
|
|
10
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._wrapper_1s0a7_1{display:flex;align-items:center;gap:var(--spacing-sm)}._radio_1s0a7_7{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border:2px solid var(--color-border);border-radius:50%;position:relative;cursor:pointer;transition:background .2s,border-color .2s;margin:0}._radio_1s0a7_7:checked{background-color:var(--color-primary);border-color:var(--color-primary)}._radio_1s0a7_7:disabled{background-color:var(--color-muted);cursor:not-allowed}._label_1s0a7_29{cursor:pointer;-webkit-user-select:none;user-select:none;margin:0}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { d as r, i as o, r as n, s, g as a } from "../../index-BWTAh3RO.js";
|
|
3
|
+
import { Box as i } from "./index.js";
|
|
4
|
+
r("Box", () => {
|
|
5
|
+
o("renders with default props", () => {
|
|
6
|
+
n(/* @__PURE__ */ t(i, { children: "Content" }));
|
|
7
|
+
const e = s.getByText("Content");
|
|
8
|
+
a(e).toHaveClass("box", "paddingNone", "marginNone", "block");
|
|
9
|
+
}), o("applies padding, margin and display classes", () => {
|
|
10
|
+
n(
|
|
11
|
+
/* @__PURE__ */ t(i, { padding: "lg", margin: "md", display: "flex", children: "Custom Box" })
|
|
12
|
+
);
|
|
13
|
+
const e = s.getByText("Custom Box");
|
|
14
|
+
a(e).toHaveClass("box", "paddingLg", "marginMd", "flex");
|
|
15
|
+
}), o("renders a different tag", () => {
|
|
16
|
+
n(/* @__PURE__ */ t(i, { as: "section", children: "Section Box" }));
|
|
17
|
+
const e = s.getByText("Section Box");
|
|
18
|
+
a(e.tagName.toLowerCase()).toBe("section");
|
|
19
|
+
});
|
|
20
|
+
});
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
const n = {
|
|
2
|
+
box: "box",
|
|
3
|
+
paddingNone: "paddingNone",
|
|
4
|
+
paddingSm: "paddingSm",
|
|
5
|
+
paddingMd: "paddingMd",
|
|
6
|
+
paddingLg: "paddingLg",
|
|
7
|
+
marginNone: "marginNone",
|
|
8
|
+
marginSm: "marginSm",
|
|
9
|
+
marginMd: "marginMd",
|
|
10
|
+
marginLg: "marginLg",
|
|
11
|
+
block: "block",
|
|
12
|
+
inline: "inline",
|
|
13
|
+
inlineBlock: "inlineBlock",
|
|
14
|
+
flex: "flex",
|
|
15
|
+
inlineFlex: "inlineFlex",
|
|
16
|
+
grid: "grid"
|
|
17
|
+
};
|
|
18
|
+
export {
|
|
19
|
+
n as default
|
|
20
|
+
};
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import { jsx as k } from "react/jsx-runtime";
|
|
2
|
+
import '../../assets/index18.css';const b = "_box_1242k_1", m = "_paddingNone_1242k_6", p = "_paddingSm_1242k_10", u = "_paddingMd_1242k_14", M = "_paddingLg_1242k_18", x = "_marginNone_1242k_23", N = "_marginSm_1242k_27", L = "_marginMd_1242k_31", h = "_marginLg_1242k_35", T = "_block_1242k_40", S = "_inline_1242k_44", f = "_inlineBlock_1242k_48", F = "_flex_1242k_52", B = "_inlineFlex_1242k_56", C = "_grid_1242k_60", A = "_bgTransparent_1242k_65", D = "_bgLight_1242k_69", j = "_bgDark_1242k_73", y = "_bgAccent_1242k_77", v = "_borderNone_1242k_82", q = "_borderThin_1242k_86", w = "_borderThick_1242k_90", z = "_radiusNone_1242k_95", E = "_radiusSm_1242k_99", G = "_radiusMd_1242k_103", H = "_radiusLg_1242k_107", I = "_radiusFull_1242k_111", n = {
|
|
3
|
+
box: b,
|
|
4
|
+
paddingNone: m,
|
|
5
|
+
paddingSm: p,
|
|
6
|
+
paddingMd: u,
|
|
7
|
+
paddingLg: M,
|
|
8
|
+
marginNone: x,
|
|
9
|
+
marginSm: N,
|
|
10
|
+
marginMd: L,
|
|
11
|
+
marginLg: h,
|
|
12
|
+
block: T,
|
|
13
|
+
inline: S,
|
|
14
|
+
inlineBlock: f,
|
|
15
|
+
flex: F,
|
|
16
|
+
inlineFlex: B,
|
|
17
|
+
grid: C,
|
|
18
|
+
bgTransparent: A,
|
|
19
|
+
bgLight: D,
|
|
20
|
+
bgDark: j,
|
|
21
|
+
bgAccent: y,
|
|
22
|
+
borderNone: v,
|
|
23
|
+
borderThin: q,
|
|
24
|
+
borderThick: w,
|
|
25
|
+
radiusNone: z,
|
|
26
|
+
radiusSm: E,
|
|
27
|
+
radiusMd: G,
|
|
28
|
+
radiusLg: H,
|
|
29
|
+
radiusFull: I
|
|
30
|
+
}, J = {
|
|
31
|
+
none: n.paddingNone,
|
|
32
|
+
sm: n.paddingSm,
|
|
33
|
+
md: n.paddingMd,
|
|
34
|
+
lg: n.paddingLg
|
|
35
|
+
}, K = {
|
|
36
|
+
none: n.marginNone,
|
|
37
|
+
sm: n.marginSm,
|
|
38
|
+
md: n.marginMd,
|
|
39
|
+
lg: n.marginLg
|
|
40
|
+
}, O = {
|
|
41
|
+
block: n.block,
|
|
42
|
+
inline: n.inline,
|
|
43
|
+
"inline-block": n.inlineBlock,
|
|
44
|
+
flex: n.flex,
|
|
45
|
+
"inline-flex": n.inlineFlex,
|
|
46
|
+
grid: n.grid
|
|
47
|
+
}, P = {
|
|
48
|
+
transparent: n.bgTransparent,
|
|
49
|
+
light: n.bgLight,
|
|
50
|
+
dark: n.bgDark,
|
|
51
|
+
accent: n.bgAccent
|
|
52
|
+
}, Q = {
|
|
53
|
+
none: n.borderNone,
|
|
54
|
+
thin: n.borderThin,
|
|
55
|
+
thick: n.borderThick
|
|
56
|
+
}, R = {
|
|
57
|
+
none: n.radiusNone,
|
|
58
|
+
sm: n.radiusSm,
|
|
59
|
+
md: n.radiusMd,
|
|
60
|
+
lg: n.radiusLg,
|
|
61
|
+
full: n.radiusFull
|
|
62
|
+
};
|
|
63
|
+
function V({
|
|
64
|
+
padding: i = "none",
|
|
65
|
+
margin: o = "none",
|
|
66
|
+
display: r = "block",
|
|
67
|
+
background: a = "transparent",
|
|
68
|
+
border: d = "none",
|
|
69
|
+
radius: s = "none",
|
|
70
|
+
as: _ = "div",
|
|
71
|
+
className: e,
|
|
72
|
+
children: g,
|
|
73
|
+
...c
|
|
74
|
+
}) {
|
|
75
|
+
const l = _, t = [
|
|
76
|
+
n.box,
|
|
77
|
+
J[i],
|
|
78
|
+
K[o],
|
|
79
|
+
O[r],
|
|
80
|
+
P[a],
|
|
81
|
+
Q[d],
|
|
82
|
+
R[s],
|
|
83
|
+
e ?? ""
|
|
84
|
+
].filter(Boolean).join(" ");
|
|
85
|
+
return /* @__PURE__ */ k(l, { className: t, ...c, children: g });
|
|
86
|
+
}
|
|
87
|
+
export {
|
|
88
|
+
V as Box
|
|
89
|
+
};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import { d as l, i as o, r as n, s as a, g as e, v as c, f as r } from "../../index-BWTAh3RO.js";
|
|
3
|
+
import { Button as i } from "./index.js";
|
|
4
|
+
l("Button", () => {
|
|
5
|
+
o('renders with default "primary" variant', () => {
|
|
6
|
+
n(/* @__PURE__ */ s(i, { children: "Click me" }));
|
|
7
|
+
const t = a.getByRole("button", { name: /click me/i });
|
|
8
|
+
e(t).toBeInTheDocument(), e(t.className).toContain("button"), e(t.className).toContain("primary");
|
|
9
|
+
}), o("applies custom className", () => {
|
|
10
|
+
n(/* @__PURE__ */ s(i, { className: "my-custom-class", children: "Custom Class" }));
|
|
11
|
+
const t = a.getByRole("button", { name: /custom class/i });
|
|
12
|
+
e(t.className).toContain("my-custom-class");
|
|
13
|
+
}), o("uses the correct variant class", () => {
|
|
14
|
+
n(/* @__PURE__ */ s(i, { variant: "ghost", children: "Ghost" }));
|
|
15
|
+
const t = a.getByRole("button", { name: /ghost/i });
|
|
16
|
+
e(t.className).toContain("ghost");
|
|
17
|
+
}), o("calls the onClick handler when clicked", () => {
|
|
18
|
+
const t = c.fn();
|
|
19
|
+
n(/* @__PURE__ */ s(i, { onClick: t, children: "Click me" })), r.click(a.getByRole("button")), e(t).toHaveBeenCalledTimes(1);
|
|
20
|
+
}), o("forwards all other props", () => {
|
|
21
|
+
n(
|
|
22
|
+
/* @__PURE__ */ s(i, { type: "submit", disabled: !0, children: "Submit" })
|
|
23
|
+
);
|
|
24
|
+
const t = a.getByRole("button", { name: /submit/i });
|
|
25
|
+
e(t).toHaveAttribute("type", "submit"), e(t).toBeDisabled();
|
|
26
|
+
}), o("renders children properly", () => {
|
|
27
|
+
n(
|
|
28
|
+
/* @__PURE__ */ s(i, { variant: "secondary", children: /* @__PURE__ */ s("span", { children: "Child Text" }) })
|
|
29
|
+
);
|
|
30
|
+
const t = a.getByText("Child Text");
|
|
31
|
+
e(t).toBeInTheDocument();
|
|
32
|
+
});
|
|
33
|
+
});
|