@apple-pie/slice 0.0.7 → 0.0.9
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/README.md +34 -4
- package/dist/cjs/chunks/{Avatar-0EXaRG4e.js → Avatar-zAhrTMO4.js} +1 -1
- package/dist/cjs/chunks/{AvatarGroup-BsRUAZl0.js → AvatarGroup-qI2wNIKO.js} +1 -1
- package/dist/cjs/chunks/{Button-DFAWHJmQ.js → Button-W_by1STk.js} +2 -2
- package/dist/cjs/chunks/{ButtonBar-DOgYDAda.js → ButtonBar-BFuO_DPQ.js} +1 -1
- package/dist/cjs/chunks/{Card-BPClSuHa.js → Card-D59vLJvR.js} +2 -2
- package/dist/cjs/chunks/{CheckBox-tsExpwtr.js → CheckBox-DRy9gLlZ.js} +1 -1
- package/dist/cjs/chunks/{Chip-CPHF1zn-.js → Chip-DGQKok6y.js} +2 -2
- package/dist/cjs/chunks/{DivInput-DDQVtlot.js → DivInput-hHsbuscc.js} +1 -1
- package/dist/cjs/chunks/{DrggablePanel-wWLPesc8.js → DrggablePanel-BbDhV-a9.js} +3 -3
- package/dist/cjs/chunks/{DropDown-COdCr77A.js → DropDown-Ba3vds3U.js} +2 -2
- package/dist/cjs/chunks/{FileList-J2EgJyCo.js → FileList-TKE1KmTo.js} +2 -2
- package/dist/cjs/chunks/{Grouper-QwwunKen.js → Grouper-CBU4gtXU.js} +1 -1
- package/dist/cjs/chunks/{IconButton-B53y3z1_.js → IconButton-IegU1_rF.js} +1 -1
- package/dist/cjs/chunks/{Label-DoiS07-y.js → Label-ZlQVpETS.js} +1 -1
- package/dist/cjs/chunks/{Pager-CN2z8M9E.js → Pager-Bp1rPImK.js} +1 -1
- package/dist/cjs/chunks/{ProgressIndicator-BbrZ7Aoc.js → ProgressIndicator-B5_iQir4.js} +29 -63
- package/dist/cjs/chunks/{PromptInput-BXDqUXFQ.js → PromptInput-Tqhw3kml.js} +2 -2
- package/dist/cjs/chunks/{RadioButton-GKRhZEmb.js → RadioButton-L98V60ij.js} +12 -16
- package/dist/cjs/chunks/{RadioButtonList-CFpZmyAX.js → RadioButtonList-C4-4oZtF.js} +5 -4
- package/dist/cjs/chunks/{Switch-C94aofxQ.js → Switch-C9UtaIAt.js} +1 -1
- package/dist/cjs/chunks/{TabBar-D6akzNUf.js → TabBar-BMSdsSmt.js} +1 -1
- package/dist/cjs/chunks/{TextArea-DjF8Koup.js → TextArea-CogzDdXa.js} +2 -2
- package/dist/cjs/chunks/{TextField-Cg6mQcYl.js → TextField-C5WNEmmA.js} +2 -2
- package/dist/cjs/chunks/{Toast-Cdyh6T-l.js → Toast-CqVJFqzT.js} +1 -1
- package/dist/cjs/chunks/{UploadArea-BmZ50EEl.js → UploadArea-Dv7KCdIo.js} +1 -1
- package/dist/cjs/chunks/{_types-B5xXv4NA.js → _types-B7hJ1n_Y.js} +19 -19
- package/dist/cjs/hooks/useObserveTheme.js +1 -1
- package/dist/cjs/hooks/useTheme.js +2 -1
- package/dist/cjs/hooks.js +4 -3
- package/dist/cjs/index.js +6 -5
- package/dist/cjs/providers/ThemeProvider.js +3 -1
- package/dist/cjs/providers.js +1 -1
- package/dist/cjs/theme/motion.js +12 -0
- package/dist/cjs/theme/themes.js +5 -3
- package/dist/cjs/theme.js +2 -2
- package/dist/cjs/uikit/Avatar/index.js +1 -1
- package/dist/cjs/uikit/AvatarGroup/index.js +2 -2
- package/dist/cjs/uikit/Button/index.js +5 -5
- package/dist/cjs/uikit/ButtonBar/index.js +5 -5
- package/dist/cjs/uikit/Card/index.js +6 -5
- package/dist/cjs/uikit/CheckBox/index.js +5 -4
- package/dist/cjs/uikit/Chip/index.js +5 -5
- package/dist/cjs/uikit/DivInput/index.js +1 -1
- package/dist/cjs/uikit/DocIcon/index.js +2 -2
- package/dist/cjs/uikit/DraggablePanel/index.js +3 -3
- package/dist/cjs/uikit/DropDown/index.js +4 -4
- package/dist/cjs/uikit/FileIcon/index.js +2 -2
- package/dist/cjs/uikit/FileList/index.js +6 -5
- package/dist/cjs/uikit/Grouper/index.js +5 -5
- package/dist/cjs/uikit/Icon/index.js +5 -4
- package/dist/cjs/uikit/IconButton/index.js +4 -4
- package/dist/cjs/uikit/Label/index.js +3 -3
- package/dist/cjs/uikit/Logos/index.js +2 -2
- package/dist/cjs/uikit/Pager/index.js +1 -1
- package/dist/cjs/uikit/Progress/index.js +8 -7
- package/dist/cjs/uikit/PromptInput/index.js +9 -9
- package/dist/cjs/uikit/RadioButton/index.js +5 -7
- package/dist/cjs/uikit/RadioButtonList/index.js +6 -8
- package/dist/cjs/uikit/Switch/index.js +1 -1
- package/dist/cjs/uikit/TabBar/index.js +5 -5
- package/dist/cjs/uikit/TextArea/index.js +7 -7
- package/dist/cjs/uikit/Textfield/index.js +8 -7
- package/dist/cjs/uikit/Toast/index.js +5 -5
- package/dist/cjs/uikit/UploadArea/index.js +10 -9
- package/dist/esm/chunks/{Avatar-D_W5zErj.mjs → Avatar-D5mMmaIi.mjs} +1 -1
- package/dist/esm/chunks/{AvatarGroup-Dbfmz0Yz.mjs → AvatarGroup-B3_zWk_-.mjs} +1 -1
- package/dist/esm/chunks/{Button-B_aIY6wE.mjs → Button-C9nya1sX.mjs} +3 -3
- package/dist/esm/chunks/{ButtonBar-Cr6TFvvD.mjs → ButtonBar-CWTRw0nZ.mjs} +1 -1
- package/dist/esm/chunks/{Card-BzKBF0ny.mjs → Card-7mNTGps6.mjs} +2 -2
- package/dist/esm/chunks/{CheckBox-CYggPKaT.mjs → CheckBox-DK-6X0Sc.mjs} +1 -1
- package/dist/esm/chunks/{Chip-B3wb9g1U.mjs → Chip-DrmWsTmm.mjs} +2 -2
- package/dist/esm/chunks/{DivInput-_VL6PAqT.mjs → DivInput-B4ohgnLJ.mjs} +1 -1
- package/dist/esm/chunks/{DrggablePanel-Bg3UKK1k.mjs → DrggablePanel-CEg9sHHt.mjs} +3 -3
- package/dist/esm/chunks/{DropDown-D7KyGLkM.mjs → DropDown-DfJndD2F.mjs} +2 -2
- package/dist/esm/chunks/{FileList-DUzgHfE-.mjs → FileList-BsLcgJLA.mjs} +3 -3
- package/dist/esm/chunks/{Grouper-CRldBHSw.mjs → Grouper-DzlLjMj8.mjs} +1 -1
- package/dist/esm/chunks/{IconButton-BBiZrXlS.mjs → IconButton-Dg_0XuJN.mjs} +1 -1
- package/dist/esm/chunks/{Label-DPIAVkn1.mjs → Label-Cj_LkQLx.mjs} +1 -1
- package/dist/esm/chunks/{Pager-B-1ZRUzU.mjs → Pager-6mBRDV3D.mjs} +1 -1
- package/dist/esm/chunks/{ProgressIndicator-CNOBQ_Fv.mjs → ProgressIndicator-CQQCcnPp.mjs} +37 -67
- package/dist/esm/chunks/{PromptInput-DdsIgZ3T.mjs → PromptInput-yFCsLMR2.mjs} +3 -3
- package/dist/esm/chunks/{RadioButton-D-TdQu3a.mjs → RadioButton-RCNcLp2-.mjs} +13 -17
- package/dist/esm/chunks/{RadioButtonList-CEScWkbT.mjs → RadioButtonList-b5In81Sl.mjs} +5 -4
- package/dist/esm/chunks/{Switch-obpmvCGd.mjs → Switch-Dt4ynf5r.mjs} +1 -1
- package/dist/esm/chunks/{TabBar-DFj021UP.mjs → TabBar-oY81T5Aw.mjs} +2 -2
- package/dist/esm/chunks/{TextArea-D_hq6VF3.mjs → TextArea-rJEkPPyl.mjs} +2 -2
- package/dist/esm/chunks/{TextField-Co0u-xdd.mjs → TextField-B9DmZZgn.mjs} +4 -4
- package/dist/esm/chunks/{Toast-BiXzVFtM.mjs → Toast-BX-vw3kS.mjs} +1 -1
- package/dist/esm/chunks/{UploadArea-B9685Z06.mjs → UploadArea-DJxTIfz6.mjs} +3 -3
- package/dist/esm/chunks/{_types-KZDzhaiK.mjs → _types-CmSsFhh_.mjs} +22 -18
- package/dist/esm/hooks/useObserveTheme.mjs +2 -0
- package/dist/esm/hooks/useTheme.mjs +2 -0
- package/dist/esm/hooks.mjs +2 -0
- package/dist/esm/index.mjs +28 -26
- package/dist/esm/providers/ThemeProvider.mjs +4 -0
- package/dist/esm/providers.mjs +2 -0
- package/dist/esm/theme/motion.mjs +13 -0
- package/dist/esm/theme/themes.mjs +6 -2
- package/dist/esm/theme.mjs +2 -0
- package/dist/esm/uikit/Avatar/index.mjs +1 -1
- package/dist/esm/uikit/AvatarGroup/index.mjs +2 -2
- package/dist/esm/uikit/Button/index.mjs +5 -3
- package/dist/esm/uikit/ButtonBar/index.mjs +5 -3
- package/dist/esm/uikit/Card/index.mjs +4 -2
- package/dist/esm/uikit/CheckBox/index.mjs +4 -2
- package/dist/esm/uikit/Chip/index.mjs +6 -4
- package/dist/esm/uikit/DivInput/index.mjs +1 -1
- package/dist/esm/uikit/DocIcon/index.mjs +2 -0
- package/dist/esm/uikit/DraggablePanel/index.mjs +3 -1
- package/dist/esm/uikit/DropDown/index.mjs +4 -2
- package/dist/esm/uikit/FileIcon/index.mjs +2 -0
- package/dist/esm/uikit/FileList/index.mjs +7 -5
- package/dist/esm/uikit/Grouper/index.mjs +4 -2
- package/dist/esm/uikit/Icon/index.mjs +5 -1
- package/dist/esm/uikit/IconButton/index.mjs +4 -2
- package/dist/esm/uikit/Label/index.mjs +3 -1
- package/dist/esm/uikit/Logos/index.mjs +2 -0
- package/dist/esm/uikit/Pager/index.mjs +1 -1
- package/dist/esm/uikit/Progress/index.mjs +11 -5
- package/dist/esm/uikit/PromptInput/index.mjs +7 -5
- package/dist/esm/uikit/RadioButton/index.mjs +7 -15
- package/dist/esm/uikit/RadioButtonList/index.mjs +8 -16
- package/dist/esm/uikit/Switch/index.mjs +1 -1
- package/dist/esm/uikit/TabBar/index.mjs +5 -3
- package/dist/esm/uikit/TextArea/index.mjs +6 -4
- package/dist/esm/uikit/Textfield/index.mjs +7 -5
- package/dist/esm/uikit/Toast/index.mjs +4 -2
- package/dist/esm/uikit/UploadArea/index.mjs +8 -6
- package/dist/types/index.d.ts +1 -1
- package/dist/types/providers/ThemeProvider.d.ts +1 -0
- package/dist/types/stories/playHelpers.d.ts +35 -0
- package/dist/types/theme/index.d.ts +2 -0
- package/dist/types/theme/motion/_types.d.ts +8 -0
- package/dist/types/theme/motion/motion.d.ts +5 -0
- package/dist/types/theme/themes.d.ts +2 -0
- package/dist/types/uikit/Progress/DoneCheck/_types.d.ts +0 -1
- package/dist/types/uikit/RadioButton/_types.d.ts +2 -0
- package/dist/types/uikit/RadioButtonList/_types.d.ts +1 -0
- package/dist/types/uikit/Switch/Switch.stories.d.ts +5 -0
- package/package.json +6 -1
|
@@ -12,11 +12,11 @@ import "../theme/colors.mjs";
|
|
|
12
12
|
|
|
13
13
|
import "../hooks/useWindow.mjs";
|
|
14
14
|
|
|
15
|
-
import { B as Button } from "./Button-
|
|
15
|
+
import { B as Button } from "./Button-C9nya1sX.mjs";
|
|
16
16
|
|
|
17
|
-
import { I as Icon } from "./_types-
|
|
17
|
+
import { I as Icon } from "./_types-CmSsFhh_.mjs";
|
|
18
18
|
|
|
19
|
-
import { I as IconButton } from "./IconButton-
|
|
19
|
+
import { I as IconButton } from "./IconButton-Dg_0XuJN.mjs";
|
|
20
20
|
|
|
21
21
|
import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
|
|
22
22
|
|
|
@@ -31,7 +31,7 @@ var css = {
|
|
|
31
31
|
l: "TextField-module_l__f0HAD type-module_body-l-regular__Ar4d3"
|
|
32
32
|
};
|
|
33
33
|
|
|
34
|
-
styleInject(".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__zDf-z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__R5GpK {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__SI-hC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__PUi44 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__1B6fk {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.TextField-module_wrapper__I0Av0 {\n\tposition: relative;\n\tpadding: var(--tf-padding) !important;\n\tgap: 8px;\n\toverflow: visible;\n\twidth: var(--tf-width);\n\theight: var(--tf-height);\n\tborder-radius: var(--tf-border-radius);\n\tbackground: var(--tf-bg);\n\tbox-shadow: var(--tf-box-shadow);\n\ttransition: all
|
|
34
|
+
styleInject(".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__zDf-z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__R5GpK {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__SI-hC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__PUi44 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__1B6fk {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.TextField-module_wrapper__I0Av0 {\n\tposition: relative;\n\tpadding: var(--tf-padding) !important;\n\tgap: 8px;\n\toverflow: visible;\n\twidth: var(--tf-width);\n\theight: var(--tf-height);\n\tborder-radius: var(--tf-border-radius);\n\tbackground: var(--tf-bg);\n\tbox-shadow: var(--tf-box-shadow);\n\ttransition: all var(--motion-water-duration) var(--motion-water) 0s;\n}\n\n.TextField-module_container__0FwXa {\n\tflex: 1;\n\theight: 100%;\n\tgap: 8px;\n}\n\n.TextField-module_label__Jyh8E {\n\tcolor: var(--tf-label-color);\n\theight: auto;\n\toverflow: hidden;\n\twhite-space: nowrap;\n}\n\n.TextField-module_input__N140B {\n\tcolor: var(--tf-text-color);\n\tbackground-color: transparent;\n\tbox-sizing: border-box;\n\toutline: none;\n\tborder: 0;\n\theight: 100%;\n\twidth: 100%;\n\ttext-align: var(--tf-text-align);\n\t&::placeholder {\n\t\tcolor: var(--tf-placeholder-color);\n\t}\n\t&:focus::placeholder {\n\t\tcolor: var(--tf-placeholder-color);\n\t}\n\t&:disabled {\n\t\tcolor: var(--core-text-disabled);\n\t}\n\t&:-webkit-autofill,\n\t&:-webkit-autofill:hover,\n\t&:-webkit-autofill:focus,\n\t&:-webkit-autofill:active {\n\t\tbox-shadow: 0 0 0 50px var(--core-button-disabled) inset !important;\n\t\t-webkit-text-fill-color: var(--core-text-primary);\n\t}\n}\n\n.TextField-module_showPassword__Y-6u- {\n\tmin-height: 18px;\n\tmin-width: 18px;\n\tmax-height: 18px;\n\tmax-width: 18px;\n\topacity: var(--tf-show-opacity);\n\t&:hover {\n\t\topacity: var(--tf-show-opacity-hover);\n\t}\n}\n\n.TextField-module_s__sOwni {\n}\n\n.TextField-module_m__gsIsZ {\n}\n\n.TextField-module_l__f0HAD {\n}\n");
|
|
35
35
|
|
|
36
36
|
const MOTION_CONFIG = {
|
|
37
37
|
variants: {
|
|
@@ -14,7 +14,7 @@ import "../hooks/useWindow.mjs";
|
|
|
14
14
|
|
|
15
15
|
import { s as setStyle, f as filterClasses, a as accessibleKeyDown } from "./utils-BQ1v7VE4.mjs";
|
|
16
16
|
|
|
17
|
-
import { I as Icon } from "./_types-
|
|
17
|
+
import { I as Icon } from "./_types-CmSsFhh_.mjs";
|
|
18
18
|
|
|
19
19
|
import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
|
|
20
20
|
|
|
@@ -4,11 +4,11 @@ import React, { useState, useRef, useCallback, useMemo } from "react";
|
|
|
4
4
|
|
|
5
5
|
import { s as setStyle, a as accessibleKeyDown } from "./utils-BQ1v7VE4.mjs";
|
|
6
6
|
|
|
7
|
-
import { F as FileList } from "./FileList-
|
|
7
|
+
import { F as FileList } from "./FileList-BsLcgJLA.mjs";
|
|
8
8
|
|
|
9
|
-
import { I as Icon } from "./_types-
|
|
9
|
+
import { I as Icon } from "./_types-CmSsFhh_.mjs";
|
|
10
10
|
|
|
11
|
-
import { P as ProgressIndicator } from "./ProgressIndicator-
|
|
11
|
+
import { P as ProgressIndicator } from "./ProgressIndicator-CQQCcnPp.mjs";
|
|
12
12
|
|
|
13
13
|
import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
|
|
14
14
|
|
|
@@ -12,10 +12,17 @@ import "../hooks/useWindow.mjs";
|
|
|
12
12
|
|
|
13
13
|
import { a as accessibleKeyDown } from "./utils-BQ1v7VE4.mjs";
|
|
14
14
|
|
|
15
|
+
import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
|
|
16
|
+
|
|
17
|
+
var css_icon = "Icon-module_icon__PBjJX";
|
|
18
|
+
|
|
19
|
+
styleInject(".Icon-module_icon__PBjJX {\n\tcursor: var(--cursor);\n\tuser-select: none;\n\t--webkit-user-select: none;\n\t-webkit-tap-highlight-color: transparent;\n\toutline: none;\n\tborder: 0;\n\ttransition: stroke, fill var(--motion-water-duration) var(--motion-water);\n}\n\npath,\ncircle,\nrect,\npolyline,\npolygon,\nline {\n\ttransition: stroke, fill var(--motion-water-duration) var(--motion-water);\n}\n");
|
|
20
|
+
|
|
15
21
|
/**
|
|
16
22
|
* Static icon registry created once at module load.
|
|
17
23
|
* Each entry stores only icon line content renderers.
|
|
18
|
-
*/
|
|
24
|
+
*/
|
|
25
|
+
const STATIC_ICON_REGISTRY = new Map([ [ "task list", {
|
|
19
26
|
line: ({stroke: stroke, strokeColor: strokeColor}) => jsxs(Fragment, {
|
|
20
27
|
children: [ jsx("path", {
|
|
21
28
|
d: "M11 6L21 6",
|
|
@@ -1022,16 +1029,18 @@ import { a as accessibleKeyDown } from "./utils-BQ1v7VE4.mjs";
|
|
|
1022
1029
|
fill: strokeColor
|
|
1023
1030
|
})
|
|
1024
1031
|
} ], [ "check circle", {
|
|
1025
|
-
line: ({strokeColor: strokeColor}) => jsxs(Fragment, {
|
|
1026
|
-
children: [ jsx("
|
|
1027
|
-
|
|
1028
|
-
|
|
1029
|
-
|
|
1030
|
-
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
-
|
|
1034
|
-
|
|
1032
|
+
line: ({strokeColor: strokeColor, stroke: stroke}) => jsxs(Fragment, {
|
|
1033
|
+
children: [ jsx("circle", {
|
|
1034
|
+
cx: "10",
|
|
1035
|
+
cy: "10",
|
|
1036
|
+
r: "8.25",
|
|
1037
|
+
fill: "none",
|
|
1038
|
+
stroke: strokeColor,
|
|
1039
|
+
strokeWidth: stroke
|
|
1040
|
+
}), jsx("polyline", {
|
|
1041
|
+
points: "6.66 9.94 9.05 12.06 13.26 7.86",
|
|
1042
|
+
strokeWidth: stroke,
|
|
1043
|
+
stroke: strokeColor
|
|
1035
1044
|
}) ]
|
|
1036
1045
|
})
|
|
1037
1046
|
} ], [ "share", {
|
|
@@ -1325,16 +1334,11 @@ import { a as accessibleKeyDown } from "./utils-BQ1v7VE4.mjs";
|
|
|
1325
1334
|
} ] ]), Icon = React.memo(props => {
|
|
1326
1335
|
var _a;
|
|
1327
1336
|
const theme = useTheme(), {name: name = "home", size: size = 20, stroke: stroke = 1.5, strokeColor: strokeColor = theme.current.colors["core-icon-primary"], fillColor: fillColor = "transparent", coverUp: coverUp = theme.current.colors["core-surface-primary"], toggle: toggle = !1, pointer: pointer = !1, disabled: disabled = !1, onClick: onClick = () => null} = props, svgAttributes = __rest(props, [ "name", "size", "stroke", "strokeColor", "fillColor", "coverUp", "toggle", "pointer", "disabled", "onClick" ]), {id: svgId, className: className, style: style} = svgAttributes, rest = __rest(svgAttributes, [ "id", "className", "style" ]), cursor = useMemo(() => disabled ? "default" : pointer ? "pointer" : "inherit", [ disabled, pointer ]), iconStyle = useMemo(() => ({
|
|
1328
|
-
cursor: cursor
|
|
1329
|
-
userSelect: "none",
|
|
1330
|
-
WebkitUserSelect: "none",
|
|
1331
|
-
WebkitTapHighlightColor: "transparent",
|
|
1332
|
-
outline: "none",
|
|
1333
|
-
border: 0
|
|
1337
|
+
"--cursor": cursor
|
|
1334
1338
|
}), [ cursor ]), variantKey = toggle ? "lineOn" : "line", iconVariant = STATIC_ICON_REGISTRY.get(name), shape = null !== (_a = null == iconVariant ? void 0 : iconVariant[variantKey]) && void 0 !== _a ? _a : null == iconVariant ? void 0 : iconVariant.line;
|
|
1335
1339
|
return shape ? jsxs("svg", Object.assign({
|
|
1336
1340
|
id: svgId,
|
|
1337
|
-
className: className
|
|
1341
|
+
className: `${css_icon} ${className}`,
|
|
1338
1342
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1339
1343
|
width: size,
|
|
1340
1344
|
height: size,
|
package/dist/esm/hooks.mjs
CHANGED
package/dist/esm/index.mjs
CHANGED
|
@@ -6,6 +6,8 @@ export { dark, light } from "./theme/colors.mjs";
|
|
|
6
6
|
|
|
7
7
|
export { elevations as Elevation, elevations } from "./theme/elevations.mjs";
|
|
8
8
|
|
|
9
|
+
export { motion } from "./theme/motion.mjs";
|
|
10
|
+
|
|
9
11
|
export { useTheme } from "./hooks/useTheme.mjs";
|
|
10
12
|
|
|
11
13
|
export { useObserveTheme } from "./hooks/useObserveTheme.mjs";
|
|
@@ -24,29 +26,29 @@ export { useWindow } from "./hooks/useWindow.mjs";
|
|
|
24
26
|
|
|
25
27
|
export { useObserveResize } from "./hooks/useObserveResize.mjs";
|
|
26
28
|
|
|
27
|
-
export { A as Avatar } from "./chunks/Avatar-
|
|
29
|
+
export { A as Avatar } from "./chunks/Avatar-D5mMmaIi.mjs";
|
|
28
30
|
|
|
29
|
-
export { A as AvatarGroup } from "./chunks/AvatarGroup-
|
|
31
|
+
export { A as AvatarGroup } from "./chunks/AvatarGroup-B3_zWk_-.mjs";
|
|
30
32
|
|
|
31
33
|
export { B as Badge } from "./chunks/Badge-BISGWj5-.mjs";
|
|
32
34
|
|
|
33
|
-
export { I as IconButton } from "./chunks/IconButton-
|
|
35
|
+
export { I as IconButton } from "./chunks/IconButton-Dg_0XuJN.mjs";
|
|
34
36
|
|
|
35
|
-
export { C as CheckBox } from "./chunks/CheckBox-
|
|
37
|
+
export { C as CheckBox } from "./chunks/CheckBox-DK-6X0Sc.mjs";
|
|
36
38
|
|
|
37
|
-
export { D as DivInput } from "./chunks/DivInput-
|
|
39
|
+
export { D as DivInput } from "./chunks/DivInput-B4ohgnLJ.mjs";
|
|
38
40
|
|
|
39
41
|
export { D as DocIcons } from "./chunks/DocIcons-BxtcXsWI.mjs";
|
|
40
42
|
|
|
41
43
|
export { D as Dot } from "./chunks/Dot-C-Xu24wF.mjs";
|
|
42
44
|
|
|
43
|
-
export { D as DraggablePanel } from "./chunks/DrggablePanel-
|
|
45
|
+
export { D as DraggablePanel } from "./chunks/DrggablePanel-CEg9sHHt.mjs";
|
|
44
46
|
|
|
45
|
-
export { D as DropDown } from "./chunks/DropDown-
|
|
47
|
+
export { D as DropDown } from "./chunks/DropDown-DfJndD2F.mjs";
|
|
46
48
|
|
|
47
49
|
export { E as ErrorSummary } from "./chunks/ErrorSummary-CZw06dSh.mjs";
|
|
48
50
|
|
|
49
|
-
export { G as Grouper } from "./chunks/Grouper-
|
|
51
|
+
export { G as Grouper } from "./chunks/Grouper-DzlLjMj8.mjs";
|
|
50
52
|
|
|
51
53
|
export { L as Logos } from "./chunks/Logos-CpcaarOG.mjs";
|
|
52
54
|
|
|
@@ -54,49 +56,49 @@ export { O as Overlay } from "./chunks/Overlay-Bh0enFIe.mjs";
|
|
|
54
56
|
|
|
55
57
|
export { F as FlexDiv } from "./chunks/FlexDiv-BLYDgWu2.mjs";
|
|
56
58
|
|
|
57
|
-
export { P as Pager } from "./chunks/Pager-
|
|
59
|
+
export { P as Pager } from "./chunks/Pager-6mBRDV3D.mjs";
|
|
58
60
|
|
|
59
|
-
export { P as PromptInput } from "./chunks/PromptInput-
|
|
61
|
+
export { P as PromptInput } from "./chunks/PromptInput-yFCsLMR2.mjs";
|
|
60
62
|
|
|
61
|
-
export { D as DoneCheck, P as ProgressIndicator } from "./chunks/ProgressIndicator-
|
|
63
|
+
export { D as DoneCheck, P as ProgressIndicator } from "./chunks/ProgressIndicator-CQQCcnPp.mjs";
|
|
62
64
|
|
|
63
|
-
export { R as RadioButton } from "./chunks/RadioButton-
|
|
65
|
+
export { R as RadioButton } from "./chunks/RadioButton-RCNcLp2-.mjs";
|
|
64
66
|
|
|
65
|
-
export { R as RadioButtonList } from "./chunks/RadioButtonList-
|
|
67
|
+
export { R as RadioButtonList } from "./chunks/RadioButtonList-b5In81Sl.mjs";
|
|
66
68
|
|
|
67
69
|
export { S as Slider } from "./chunks/Slider-C3A8GCfH.mjs";
|
|
68
70
|
|
|
69
71
|
export { S as Spacer } from "./chunks/Spacer-BlgEdKEM.mjs";
|
|
70
72
|
|
|
71
|
-
export { S as Switch } from "./chunks/Switch-
|
|
73
|
+
export { S as Switch } from "./chunks/Switch-Dt4ynf5r.mjs";
|
|
72
74
|
|
|
73
|
-
export { T as TabBar } from "./chunks/TabBar-
|
|
75
|
+
export { T as TabBar } from "./chunks/TabBar-oY81T5Aw.mjs";
|
|
74
76
|
|
|
75
|
-
export { T as TextArea } from "./chunks/TextArea-
|
|
77
|
+
export { T as TextArea } from "./chunks/TextArea-rJEkPPyl.mjs";
|
|
76
78
|
|
|
77
|
-
export { T as TextField } from "./chunks/TextField-
|
|
79
|
+
export { T as TextField } from "./chunks/TextField-B9DmZZgn.mjs";
|
|
78
80
|
|
|
79
81
|
export { ThemeProvider } from "./providers/ThemeProvider.mjs";
|
|
80
82
|
|
|
81
83
|
export { T as Tip } from "./chunks/Tip-CHQh-Yq0.mjs";
|
|
82
84
|
|
|
83
|
-
export { T as Toast, a as ToastType } from "./chunks/Toast-
|
|
85
|
+
export { T as Toast, a as ToastType } from "./chunks/Toast-BX-vw3kS.mjs";
|
|
84
86
|
|
|
85
|
-
export { B as Button } from "./chunks/Button-
|
|
87
|
+
export { B as Button } from "./chunks/Button-C9nya1sX.mjs";
|
|
86
88
|
|
|
87
|
-
export { C as Chip } from "./chunks/Chip-
|
|
89
|
+
export { C as Chip } from "./chunks/Chip-DrmWsTmm.mjs";
|
|
88
90
|
|
|
89
91
|
export { F as FileIcon, a as FileIconNames } from "./chunks/FileIcon-BcIJzIwA.mjs";
|
|
90
92
|
|
|
91
|
-
export { I as Icon, a as IconNames } from "./chunks/_types-
|
|
93
|
+
export { I as Icon, a as IconNames } from "./chunks/_types-CmSsFhh_.mjs";
|
|
92
94
|
|
|
93
|
-
export { B as ButtonBar } from "./chunks/ButtonBar-
|
|
95
|
+
export { B as ButtonBar } from "./chunks/ButtonBar-CWTRw0nZ.mjs";
|
|
94
96
|
|
|
95
|
-
export { C as Card } from "./chunks/Card-
|
|
97
|
+
export { C as Card } from "./chunks/Card-7mNTGps6.mjs";
|
|
96
98
|
|
|
97
|
-
export { L as Label } from "./chunks/Label-
|
|
99
|
+
export { L as Label } from "./chunks/Label-Cj_LkQLx.mjs";
|
|
98
100
|
|
|
99
|
-
export { U as UploadArea, a as allTypes, b as audioTypes, d as documentTypes, i as imageTypes, t as textTypes, v as videoTypes } from "./chunks/UploadArea-
|
|
101
|
+
export { U as UploadArea, a as allTypes, b as audioTypes, d as documentTypes, i as imageTypes, t as textTypes, v as videoTypes } from "./chunks/UploadArea-DJxTIfz6.mjs";
|
|
100
102
|
|
|
101
103
|
import "./theme/corners.mjs";
|
|
102
104
|
|
|
@@ -114,4 +116,4 @@ import "motion/react";
|
|
|
114
116
|
|
|
115
117
|
import "./chunks/utils-BQ1v7VE4.mjs";
|
|
116
118
|
|
|
117
|
-
import "./chunks/FileList-
|
|
119
|
+
import "./chunks/FileList-BsLcgJLA.mjs";
|
|
@@ -10,6 +10,8 @@ import "../theme/corners.mjs";
|
|
|
10
10
|
|
|
11
11
|
import "../theme/elevations.mjs";
|
|
12
12
|
|
|
13
|
+
import "../theme/motion.mjs";
|
|
14
|
+
|
|
13
15
|
import "../theme/type.mjs";
|
|
14
16
|
|
|
15
17
|
styleInject('/* Core brand colors (un-themed) */\n:root {\n\t--brand-grey-50: #f4f7fa;\n\t--brand-grey-100: #e5ecf3;\n\t--brand-grey-200: #d5e0ea;\n\t--brand-grey-300: #98acbf;\n\t--brand-grey-400: #7f96a9;\n\t--brand-grey-500: #657d91;\n\t--brand-grey-600: #4c6273;\n\t--brand-grey-700: #405261;\n\t--brand-grey-800: #37434e;\n\t--brand-grey-900: #2d353d;\n\t--brand-grey-950: #1f262d;\n\t--brand-sea-50: #e8f1ff;\n\t--brand-sea-100: #c7defe;\n\t--brand-sea-200: #a5c9ff;\n\t--brand-sea-300: #7ab3ff;\n\t--brand-sea-400: #4084ff;\n\t--brand-sea-500: #2f45ff;\n\t--brand-sea-600: #2d2fff;\n\t--brand-sea-700: #0000ff;\n\t--brand-sea-800: #0609cd;\n\t--brand-sea-900: #001699;\n\t--brand-sea-950: #0a0b5c;\n\t--brand-sky-50: #eafffe;\n\t--brand-sky-100: #cdfffb;\n\t--brand-sky-200: #a3f8ff;\n\t--brand-sky-300: #6af5ff;\n\t--brand-sky-400: #00edff;\n\t--brand-sky-500: #00c8e0;\n\t--brand-sky-600: #00a6c0;\n\t--brand-sky-700: #03839b;\n\t--brand-sky-800: #0d697d;\n\t--brand-sky-900: #105669;\n\t--brand-sky-950: #033949;\n\t--brand-land-50: #f4ffe5;\n\t--brand-land-100: #e0ffb7;\n\t--brand-land-200: #caff95;\n\t--brand-land-300: #b7fe59;\n\t--brand-land-400: #9cf820;\n\t--brand-land-500: #71e618;\n\t--brand-land-600: #56c900;\n\t--brand-land-700: #2d8c00;\n\t--brand-land-800: #31690b;\n\t--brand-land-900: #2a580f;\n\t--brand-land-950: #123201;\n\t--brand-orange-50: #fff8ec;\n\t--brand-orange-100: #ffebd7;\n\t--brand-orange-200: #ffe3c6;\n\t--brand-orange-300: #ffc182;\n\t--brand-orange-400: #ff972e;\n\t--brand-orange-500: #ff800a;\n\t--brand-orange-600: #ff6700;\n\t--brand-orange-700: #ff3700;\n\t--brand-orange-800: #a02b0b;\n\t--brand-orange-900: #80250b;\n\t--brand-orange-950: #461604;\n\t--brand-yellow-50: #ffffea;\n\t--brand-yellow-100: #fffdca;\n\t--brand-yellow-200: #fff2a0;\n\t--brand-yellow-300: #ffeb72;\n\t--brand-yellow-400: #ffd333;\n\t--brand-yellow-500: #ffc200;\n\t--brand-yellow-600: #ffad00;\n\t--brand-yellow-700: #c68601;\n\t--brand-yellow-800: #8f6307;\n\t--brand-yellow-900: #5f430a;\n\t--brand-yellow-950: #442e00;\n\t--brand-purple-50: #faf0ff;\n\t--brand-purple-100: #f4ddff;\n\t--brand-purple-200: #e5cdff;\n\t--brand-purple-300: #ccafff;\n\t--brand-purple-400: #b891ff;\n\t--brand-purple-500: #7d48ff;\n\t--brand-purple-600: #6a14ff;\n\t--brand-purple-700: #5600f1;\n\t--brand-purple-800: #4d01d6;\n\t--brand-purple-900: #4003af;\n\t--brand-purple-950: #1e007c;\n\t--brand-magenta-50: #fef1fc;\n\t--brand-magenta-100: #ffdcef;\n\t--brand-magenta-200: #ffcae6;\n\t--brand-magenta-300: #ff90cb;\n\t--brand-magenta-400: #ff61ca;\n\t--brand-magenta-500: #ff3ac2;\n\t--brand-magenta-600: #f012aa;\n\t--brand-magenta-700: #df059b;\n\t--brand-magenta-800: #9b0069;\n\t--brand-magenta-900: #790a55;\n\t--brand-magenta-950: #58003a;\n\t--brand-white-0: #ffffff;\n\t--product-red-400: #ff474a;\n\t--product-red-500: #df0529;\n\n\t/* Non-brand semantic aliases */\n\t--core-drop-shadow-light: #0339491a;\n\t--core-drop-shadow-dark: #0000007a;\n\t--core-surface-coverup-translucent-light: #1f262d52;\n\t--core-surface-coverup-translucent-dark: #0000007a;\n\t--core-surface-overlay-translucent-light: #ffffffcc;\n\t--core-surface-overlay-translucent-dark: #1f262dcc;\n\t--scroll-bar-light: #e3e8ef;\n\t--scroll-bar-dark: rgba(255, 255, 255, 0.1);\n\t--scroll-bar-hover-light: #cdd5df;\n\t--scroll-bar-hover-dark: rgba(255, 255, 255, 0.15);\n\t--surface-shadow-soft-light: 0px 4px 24px #0339491a;\n\t--surface-shadow-soft-dark: 0px 4px 24px #0000007a;\n\t--surface-shadow-strong-light: 0px 4px 64px #0339491a;\n\t--surface-shadow-strong-dark: 0px 4px 64px #0000007a;\n}\n\n/* Light theme tokens */\n[data-theme="lightMode"] {\n\t--array-land: var(--brand-land-100);\n\t--array-land-label: var(--brand-land-600);\n\t--array-magenta: var(--brand-magenta-100);\n\t--array-magenta-label: var(--brand-magenta-600);\n\t--array-orange: var(--brand-orange-100);\n\t--array-orange-label: var(--brand-orange-600);\n\t--array-purple: var(--brand-purple-100);\n\t--array-purple-label: var(--brand-purple-600);\n\t--array-sea: var(--brand-sea-100);\n\t--array-sea-label: var(--brand-sea-600);\n\t--array-sky: var(--brand-sky-100);\n\t--array-sky-label: var(--brand-sky-600);\n\t--array-yellow: var(--brand-yellow-100);\n\t--array-yellow-label: var(--brand-yellow-600);\n\t--core-badge-primary: var(--brand-sea-500);\n\t--core-badge-secondary: var(--brand-grey-100);\n\t--core-button-disabled: var(--brand-grey-50);\n\t--core-button-primary: var(--brand-sea-500);\n\t--core-drop-shadow: var(--core-drop-shadow-light);\n\t--core-gp-logo-primary: var(--brand-sea-700);\n\t--core-gp-logo-secondary: var(--brand-grey-950);\n\t--core-icon-dark: var(--brand-grey-950);\n\t--core-icon-disabled: var(--brand-grey-300);\n\t--core-icon-error: var(--product-red-500);\n\t--core-icon-light: var(--brand-white-0);\n\t--core-icon-primary: var(--brand-grey-950);\n\t--core-icon-secondary: var(--brand-grey-700);\n\t--core-icon-tertiary: var(--brand-sea-500);\n\t--core-outline-secondary: var(--brand-grey-700);\n\t--core-outline-primary: var(--brand-grey-100);\n\t--core-outline-special: var(--brand-sea-100);\n\t--core-outline-tertiary: var(--brand-sea-500);\n\t--core-surface-coverup-translucent: var(\n\t\t--core-surface-coverup-translucent-light\n\t);\n\t--core-surface-overlay-translucent: var(\n\t\t--core-surface-overlay-translucent-light\n\t);\n\t--core-surface-primary: var(--brand-white-0);\n\t--core-surface-secondary: var(--brand-grey-50);\n\t--core-surface-special: var(--brand-sea-50);\n\t--core-text-dark: var(--brand-grey-950);\n\t--core-text-disabled: var(--brand-grey-300);\n\t--core-text-error: var(--product-red-500);\n\t--core-text-light: var(--brand-white-0);\n\t--core-text-primary: var(--brand-grey-950);\n\t--core-text-secondary: var(--brand-grey-700);\n\t--core-text-tertiary: var(--brand-grey-600);\n\t--core-text-special: var(--brand-sea-500);\n\t--core-link-primary: var(--brand-sea-700);\n\t--eor-tag-employee: var(--brand-sky-700);\n\t--eor-tag-overdue: var(--product-red-500);\n\t--eor-tag-paid: var(--brand-land-700);\n\t--eor-tag-pending: var(--brand-orange-500);\n\t--eor-tag-professional: var(--brand-sea-500);\n\t--feedback-attention: var(--brand-yellow-500);\n\t--feedback-informative: var(--brand-sky-700);\n\t--feedback-positive: var(--brand-land-700);\n\t--feedback-urgency: var(--brand-orange-500);\n\t--feedback-warning: var(--product-red-500);\n\t--gia-tag-risk-high: var(--product-red-500);\n\t--gia-tag-risk-low: var(--brand-sky-700);\n\t--gia-tag-risk-moderate: var(--brand-orange-500);\n\t--gia-text-excerpt-highlight: var(--brand-orange-100);\n\t--gia-text-selection: var(--brand-sea-100);\n\t--scroll-bar: var(--scroll-bar-light);\n\t--scroll-bar-hover: var(--scroll-bar-hover-light);\n\t--surface-shadow-soft: var(--surface-shadow-soft-light);\n\t--surface-shadow-strong: var(--surface-shadow-strong-light);\n}\n\n/* Dark theme tokens */\n[data-theme="darkMode"] {\n\t--array-land: var(--brand-land-100);\n\t--array-land-label: var(--brand-land-600);\n\t--array-magenta: var(--brand-magenta-100);\n\t--array-magenta-label: var(--brand-magenta-600);\n\t--array-orange: var(--brand-orange-100);\n\t--array-orange-label: var(--brand-orange-600);\n\t--array-purple: var(--brand-purple-100);\n\t--array-purple-label: var(--brand-purple-600);\n\t--array-sea: var(--brand-sea-100);\n\t--array-sea-label: var(--brand-sea-600);\n\t--array-sky: var(--brand-sky-100);\n\t--array-sky-label: var(--brand-sky-600);\n\t--array-yellow: var(--brand-yellow-100);\n\t--array-yellow-label: var(--brand-yellow-600);\n\t--core-badge-primary: var(--brand-sea-500);\n\t--core-badge-secondary: var(--brand-grey-700);\n\t--core-button-disabled: var(--brand-grey-900);\n\t--core-button-primary: var(--brand-sea-500);\n\t--core-drop-shadow: var(--core-drop-shadow-dark);\n\t--core-gp-logo-primary: var(--brand-sea-500);\n\t--core-gp-logo-secondary: var(--brand-white-0);\n\t--core-icon-dark: var(--brand-grey-950);\n\t--core-icon-disabled: var(--brand-grey-500);\n\t--core-icon-error: var(--product-red-400);\n\t--core-icon-light: var(--brand-white-0);\n\t--core-icon-primary: var(--brand-white-0);\n\t--core-icon-secondary: var(--brand-grey-200);\n\t--core-icon-tertiary: var(--brand-sky-300);\n\t--core-outline-secondary: var(--brand-grey-100);\n\t--core-outline-primary: var(--brand-grey-700);\n\t--core-outline-special: var(--brand-sky-300);\n\t--core-outline-tertiary: var(--brand-sky-300);\n\t--core-surface-coverup-translucent: var(\n\t\t--core-surface-coverup-translucent-dark\n\t);\n\t--core-surface-overlay-translucent: var(\n\t\t--core-surface-overlay-translucent-dark\n\t);\n\t--core-surface-primary: var(--brand-grey-950);\n\t--core-surface-secondary: var(--brand-grey-900);\n\t--core-surface-special: var(--brand-sky-950);\n\t--core-text-dark: var(--brand-grey-950);\n\t--core-text-disabled: var(--brand-grey-500);\n\t--core-text-error: var(--product-red-400);\n\t--core-text-light: var(--brand-white-0);\n\t--core-text-primary: var(--brand-white-0);\n\t--core-text-secondary: var(--brand-grey-200);\n\t--core-text-tertiary: var(--brand-grey-400);\n\t--core-text-special: var(--brand-sky-300);\n\t--core-link-primary: var(--brand-sky-300);\n\t--eor-tag-employee: var(--brand-sky-700);\n\t--eor-tag-overdue: var(--product-red-400);\n\t--eor-tag-paid: var(--brand-land-700);\n\t--eor-tag-pending: var(--brand-orange-500);\n\t--eor-tag-professional: var(--brand-sea-500);\n\t--feedback-attention: var(--brand-yellow-400);\n\t--feedback-informative: var(--brand-sky-600);\n\t--feedback-positive: var(--brand-land-700);\n\t--feedback-urgency: var(--brand-orange-500);\n\t--feedback-warning: var(--product-red-400);\n\t--gia-tag-risk-high: var(--product-red-400);\n\t--gia-tag-risk-low: var(--brand-sky-600);\n\t--gia-tag-risk-moderate: var(--brand-orange-500);\n\t--gia-text-excerpt-highlight: var(--brand-orange-100);\n\t--gia-text-selection: var(--brand-sea-900);\n\t--scroll-bar: var(--scroll-bar-dark);\n\t--scroll-bar-hover: var(--scroll-bar-hover-dark);\n\t--surface-shadow-soft: var(--surface-shadow-soft-dark);\n\t--surface-shadow-strong: var(--surface-shadow-strong-dark);\n}\n\n/* Theme token text-color utility classes */\n.array-land {\n\tbackground: var(--array-land);\n}\n.array-land-label {\n\tcolor: var(--array-land-label);\n}\n.array-magenta {\n\tbackground: var(--array-magenta);\n}\n.array-magenta-label {\n\tcolor: var(--array-magenta-label);\n}\n.array-orange {\n\tbackground: var(--array-orange);\n}\n.array-orange-label {\n\tcolor: var(--array-orange-label);\n}\n.array-purple {\n\tbackground: var(--array-purple);\n}\n.array-purple-label {\n\tcolor: var(--array-purple-label);\n}\n.array-sea {\n\tbackground: var(--array-sea);\n}\n.array-sea-label {\n\tcolor: var(--array-sea-label);\n}\n.array-sky {\n\tbackground: var(--array-sky);\n}\n.array-sky-label {\n\tcolor: var(--array-sky-label);\n}\n.array-yellow {\n\tbackground: var(--array-yellow);\n}\n.array-yellow-label {\n\tcolor: var(--array-yellow-label);\n}\n.core-badge-primary {\n\tbackground: var(--core-badge-primary);\n}\n.core-badge-secondary {\n\tbackground: var(--core-badge-secondary);\n}\n.core-button-disabled {\n\tbackground: var(--core-button-disabled);\n}\n.core-button-primary {\n\tbackground: var(--core-button-primary);\n}\n.core-drop-shadow {\n\tbox-shadow: var(--core-drop-shadow);\n}\n.core-gp-logo-primary {\n\tcolor: var(--core-gp-logo-primary);\n}\n.core-gp-logo-secondary {\n\tcolor: var(--core-gp-logo-secondary);\n}\n.core-icon-dark {\n\tcolor: var(--core-icon-dark);\n}\n.core-icon-disabled {\n\tcolor: var(--core-icon-disabled);\n}\n.core-icon-error {\n\tcolor: var(--core-icon-error);\n}\n.core-icon-light {\n\tcolor: var(--core-icon-light);\n}\n.core-icon-primary {\n\tcolor: var(--core-icon-primary);\n}\n.core-icon-secondary {\n\tcolor: var(--core-icon-secondary);\n}\n.core-icon-tertiary {\n\tcolor: var(--core-icon-tertiary);\n}\n.core-link-primary {\n\tcolor: var(--core-link-primary);\n}\n.core-outline-primary {\n\tborder-color: var(--core-outline-primary);\n}\n.core-outline-secondary {\n\tborder-color: var(--core-outline-secondary);\n}\n.core-outline-special {\n\tborder-color: var(--core-outline-special);\n}\n.core-outline-tertiary {\n\tborder-color: var(--core-outline-tertiary);\n}\n.core-surface-coverup-translucent {\n\tbackground: var(--core-surface-coverup-translucent);\n}\n.core-surface-overlay-translucent {\n\tbackground: var(--core-surface-overlay-translucent);\n}\n.core-surface-primary {\n\tbackground: var(--core-surface-primary);\n}\n.core-surface-secondary {\n\tbackground: var(--core-surface-secondary);\n}\n.core-surface-special {\n\tbackground: var(--core-surface-special);\n}\n.core-text-dark {\n\tcolor: var(--core-text-dark);\n}\n.core-text-disabled {\n\tcolor: var(--core-text-disabled);\n}\n.core-text-error {\n\tcolor: var(--core-text-error);\n}\n.core-text-light {\n\tcolor: var(--core-text-light);\n}\n.core-text-primary {\n\tcolor: var(--core-text-primary);\n}\n.core-text-secondary {\n\tcolor: var(--core-text-secondary);\n}\n.core-text-special {\n\tcolor: var(--core-text-special);\n}\n.core-text-tertiary {\n\tcolor: var(--core-text-tertiary);\n}\n.eor-tag-employee {\n\tcolor: var(--eor-tag-employee);\n}\n.eor-tag-overdue {\n\tcolor: var(--eor-tag-overdue);\n}\n.eor-tag-paid {\n\tcolor: var(--eor-tag-paid);\n}\n.eor-tag-pending {\n\tcolor: var(--eor-tag-pending);\n}\n.eor-tag-professional {\n\tcolor: var(--eor-tag-professional);\n}\n.feedback-attention {\n\tcolor: var(--feedback-attention);\n}\n.feedback-informative {\n\tcolor: var(--feedback-informative);\n}\n.feedback-positive {\n\tcolor: var(--feedback-positive);\n}\n.feedback-urgency {\n\tcolor: var(--feedback-urgency);\n}\n.feedback-warning {\n\tcolor: var(--feedback-warning);\n}\n.gia-tag-risk-high {\n\tcolor: var(--gia-tag-risk-high);\n}\n.gia-tag-risk-low {\n\tcolor: var(--gia-tag-risk-low);\n}\n.gia-tag-risk-moderate {\n\tcolor: var(--gia-tag-risk-moderate);\n}\n.gia-text-excerpt-highlight {\n\tcolor: var(--gia-text-excerpt-highlight);\n}\n.gia-text-selection {\n\tcolor: var(--gia-text-selection);\n}\n.scroll-bar {\n\tcolor: var(--scroll-bar);\n}\n.scroll-bar-hover {\n\tcolor: var(--scroll-bar-hover);\n}\n.surface-shadow-soft {\n\tcolor: var(--surface-shadow-soft);\n}\n.surface-shadow-strong {\n\tcolor: var(--surface-shadow-strong);\n}\n\nbody {\n\tbackground: var(--core-surface-primary);\n}\n\na {\n\tcolor: var(--core-text-special);\n\ttext-decoration: underline;\n}\n\na:visited {\n\tcolor: var(--core-text-special);\n\ttext-decoration: underline;\n}\n\na:hover {\n\ttext-decoration: none;\n}\n\ncode {\n\tborder: 1px solid var(--core-outline-primary);\n\tbackground: var(--core-surface-secondary);\n\tcolor: var(--core-text-primary);\n}\n');
|
|
@@ -20,6 +22,8 @@ styleInject('@import url("https://fonts.googleapis.com/css2?family=Funnel+Sans:i
|
|
|
20
22
|
|
|
21
23
|
styleInject("/* Keep these values in sync with src/hooks/useWindow/useWindow.ts */\n");
|
|
22
24
|
|
|
25
|
+
styleInject(":root {\n\t--motion-magnet: cubic-bezier(0.352, 0.003, 0.993, -0.052);\n\t--motion-water: cubic-bezier(0.36, 0, 0.64, 1);\n\t--motion-spring: linear(\n\t\t0,\n\t\t0.002 0.2%,\n\t\t0.011 0.5%,\n\t\t0.041 1%,\n\t\t0.1 1.6%,\n\t\t0.18 2.2%,\n\t\t0.365 3.3%,\n\t\t0.925 6.2%,\n\t\t1.058 7%,\n\t\t1.17 7.8%,\n\t\t1.26 8.6%,\n\t\t1.318 9.3%,\n\t\t1.342 9.7%,\n\t\t1.36 10.1%,\n\t\t1.372 10.5%,\n\t\t1.378 10.9%,\n\t\t1.378 11.4%,\n\t\t1.374 11.7%,\n\t\t1.368 12%,\n\t\t1.348 12.6%,\n\t\t1.314 13.3%,\n\t\t1.237 14.5%,\n\t\t1.026 17.4%,\n\t\t0.975 18.2%,\n\t\t0.933 19%,\n\t\t0.9 19.8%,\n\t\t0.878 20.5%,\n\t\t0.864 21.2%,\n\t\t0.859 21.6%,\n\t\t0.857 22%,\n\t\t0.856 22.5%,\n\t\t0.86 23.1%,\n\t\t0.867 23.7%,\n\t\t0.88 24.4%,\n\t\t0.909 25.6%,\n\t\t0.991 28.6%,\n\t\t1.01 29.4%,\n\t\t1.026 30.2%,\n\t\t1.037 30.9%,\n\t\t1.046 31.6%,\n\t\t1.051 32.3%,\n\t\t1.054 33.1%,\n\t\t1.053 34.2%,\n\t\t1.046 35.5%,\n\t\t1.035 36.7%,\n\t\t1.003 39.8%,\n\t\t0.99 41.4%,\n\t\t0.983 42.8%,\n\t\t0.979 44.2%,\n\t\t0.982 46.3%,\n\t\t1.002 52%,\n\t\t1.006 53.6%,\n\t\t1.008 55.2%,\n\t\t1.007 57.5%,\n\t\t0.999 63.1%,\n\t\t0.997 66.3%,\n\t\t1.001 77.2%,\n\t\t1 88.2%,\n\t\t1\n\t);\n\t--motion-magnet-duration: 0.5s;\n\t--motion-water-duration: 0.25s;\n\t--motion-spring-duration: 1s;\n}\n");
|
|
26
|
+
|
|
23
27
|
const darkModeMediaQuery = globalThis.matchMedia("(prefers-color-scheme: dark)");
|
|
24
28
|
|
|
25
29
|
function ThemeProvider(props) {
|
package/dist/esm/providers.mjs
CHANGED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Motion for Slice UI
|
|
3
|
+
*/
|
|
4
|
+
const motion = {
|
|
5
|
+
"motion-magnet": "cubic-bezier(0.352, 0.003, 0.993, -0.052)",
|
|
6
|
+
"motion-water": "cubic-bezier(0.36, 0, 0.64, 1)",
|
|
7
|
+
"motion-spring": "linear(0, 0.001 0.3%, 0.008 0.7%, 0.034 1.5%, 0.076 2.3%, 0.138 3.2%, 0.275 4.8%, 0.713 9.4%, 0.836 10.9%, 0.933 12.3%, 1.011 13.7%, 1.074 15.2%, 1.096 15.9%, 1.116 16.7%, 1.132 17.5%, 1.142 18.3%, 1.148 19.1%, 1.15 20%, 1.148 21%, 1.142 22%, 1.133 22.9%, 1.12 24%, 1.048 29.1%, 1.015 31.8%, 1.002 33.3%, 0.991 34.9%, 0.983 36.5%, 0.979 38.1%, 0.977 39.9%, 0.979 42%, 0.997 51.7%, 1.003 57.7%, 1 77%, 1)",
|
|
8
|
+
"motion-magnet-duration": "0.5s",
|
|
9
|
+
"motion-water-duration": "0.25s",
|
|
10
|
+
"motion-spring-duration": "1s"
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
export { motion };
|
|
@@ -4,6 +4,8 @@ import { corners } from "./corners.mjs";
|
|
|
4
4
|
|
|
5
5
|
import { elevations } from "./elevations.mjs";
|
|
6
6
|
|
|
7
|
+
import { motion } from "./motion.mjs";
|
|
8
|
+
|
|
7
9
|
import { type } from "./type.mjs";
|
|
8
10
|
|
|
9
11
|
const lightTheme = {
|
|
@@ -12,14 +14,16 @@ const lightTheme = {
|
|
|
12
14
|
colors: light,
|
|
13
15
|
type: type,
|
|
14
16
|
corners: corners,
|
|
15
|
-
elevations: elevations
|
|
17
|
+
elevations: elevations,
|
|
18
|
+
motion: motion
|
|
16
19
|
}, darkTheme = {
|
|
17
20
|
name: "darkMode",
|
|
18
21
|
coreColors: coreColors,
|
|
19
22
|
colors: dark,
|
|
20
23
|
type: type,
|
|
21
24
|
corners: corners,
|
|
22
|
-
elevations: elevations
|
|
25
|
+
elevations: elevations,
|
|
26
|
+
motion: motion
|
|
23
27
|
};
|
|
24
28
|
|
|
25
29
|
export { darkTheme, lightTheme };
|
package/dist/esm/theme.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { A as AvatarGroup } from "../../chunks/AvatarGroup-
|
|
1
|
+
export { A as AvatarGroup } from "../../chunks/AvatarGroup-B3_zWk_-.mjs";
|
|
2
2
|
|
|
3
3
|
import "../../chunks/tslib.es6-c-7TIv71.mjs";
|
|
4
4
|
|
|
@@ -6,6 +6,6 @@ import "react/jsx-runtime";
|
|
|
6
6
|
|
|
7
7
|
import "react";
|
|
8
8
|
|
|
9
|
-
import "../../chunks/Avatar-
|
|
9
|
+
import "../../chunks/Avatar-D5mMmaIi.mjs";
|
|
10
10
|
|
|
11
11
|
import "../../chunks/style-inject.es-D0BjEaN8.mjs";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { B as Button } from "../../chunks/Button-
|
|
1
|
+
export { B as Button } from "../../chunks/Button-C9nya1sX.mjs";
|
|
2
2
|
|
|
3
3
|
import "../../chunks/tslib.es6-c-7TIv71.mjs";
|
|
4
4
|
|
|
@@ -14,7 +14,7 @@ import "../../chunks/style-inject.es-D0BjEaN8.mjs";
|
|
|
14
14
|
|
|
15
15
|
import "../../chunks/Dot-C-Xu24wF.mjs";
|
|
16
16
|
|
|
17
|
-
import "../../chunks/_types-
|
|
17
|
+
import "../../chunks/_types-CmSsFhh_.mjs";
|
|
18
18
|
|
|
19
19
|
import "../../hooks/useTheme.mjs";
|
|
20
20
|
|
|
@@ -26,6 +26,8 @@ import "../../theme/corners.mjs";
|
|
|
26
26
|
|
|
27
27
|
import "../../theme/elevations.mjs";
|
|
28
28
|
|
|
29
|
+
import "../../theme/motion.mjs";
|
|
30
|
+
|
|
29
31
|
import "../../theme/type.mjs";
|
|
30
32
|
|
|
31
33
|
import "../../hooks/useObserveTheme.mjs";
|
|
@@ -34,6 +36,6 @@ import "../../hooks/useWindow.mjs";
|
|
|
34
36
|
|
|
35
37
|
import "../../chunks/utils-BQ1v7VE4.mjs";
|
|
36
38
|
|
|
37
|
-
import "../../chunks/ProgressIndicator-
|
|
39
|
+
import "../../chunks/ProgressIndicator-CQQCcnPp.mjs";
|
|
38
40
|
|
|
39
41
|
import "../../chunks/sharedTypes-tn9-uJvb.mjs";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { B as ButtonBar } from "../../chunks/ButtonBar-
|
|
1
|
+
export { B as ButtonBar } from "../../chunks/ButtonBar-CWTRw0nZ.mjs";
|
|
2
2
|
|
|
3
3
|
import "../../chunks/tslib.es6-c-7TIv71.mjs";
|
|
4
4
|
|
|
@@ -16,13 +16,15 @@ import "../../theme/corners.mjs";
|
|
|
16
16
|
|
|
17
17
|
import "../../theme/elevations.mjs";
|
|
18
18
|
|
|
19
|
+
import "../../theme/motion.mjs";
|
|
20
|
+
|
|
19
21
|
import "../../theme/type.mjs";
|
|
20
22
|
|
|
21
23
|
import "../../hooks/useObserveTheme.mjs";
|
|
22
24
|
|
|
23
25
|
import "../../hooks/useWindow.mjs";
|
|
24
26
|
|
|
25
|
-
import "../../chunks/IconButton-
|
|
27
|
+
import "../../chunks/IconButton-Dg_0XuJN.mjs";
|
|
26
28
|
|
|
27
29
|
import "motion/react";
|
|
28
30
|
|
|
@@ -32,7 +34,7 @@ import "../../chunks/style-inject.es-D0BjEaN8.mjs";
|
|
|
32
34
|
|
|
33
35
|
import "../../chunks/Dot-C-Xu24wF.mjs";
|
|
34
36
|
|
|
35
|
-
import "../../chunks/_types-
|
|
37
|
+
import "../../chunks/_types-CmSsFhh_.mjs";
|
|
36
38
|
|
|
37
39
|
import "../../chunks/utils-BQ1v7VE4.mjs";
|
|
38
40
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { C as Card } from "../../chunks/Card-
|
|
1
|
+
export { C as Card } from "../../chunks/Card-7mNTGps6.mjs";
|
|
2
2
|
|
|
3
3
|
import "../../chunks/tslib.es6-c-7TIv71.mjs";
|
|
4
4
|
|
|
@@ -6,7 +6,7 @@ import "react/jsx-runtime";
|
|
|
6
6
|
|
|
7
7
|
import "react";
|
|
8
8
|
|
|
9
|
-
import "../../chunks/_types-
|
|
9
|
+
import "../../chunks/_types-CmSsFhh_.mjs";
|
|
10
10
|
|
|
11
11
|
import "../../hooks/useTheme.mjs";
|
|
12
12
|
|
|
@@ -18,6 +18,8 @@ import "../../theme/corners.mjs";
|
|
|
18
18
|
|
|
19
19
|
import "../../theme/elevations.mjs";
|
|
20
20
|
|
|
21
|
+
import "../../theme/motion.mjs";
|
|
22
|
+
|
|
21
23
|
import "../../theme/type.mjs";
|
|
22
24
|
|
|
23
25
|
import "../../hooks/useObserveTheme.mjs";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { C as CheckBox } from "../../chunks/CheckBox-
|
|
1
|
+
export { C as CheckBox } from "../../chunks/CheckBox-DK-6X0Sc.mjs";
|
|
2
2
|
|
|
3
3
|
import "../../chunks/tslib.es6-c-7TIv71.mjs";
|
|
4
4
|
|
|
@@ -18,13 +18,15 @@ import "../../theme/corners.mjs";
|
|
|
18
18
|
|
|
19
19
|
import "../../theme/elevations.mjs";
|
|
20
20
|
|
|
21
|
+
import "../../theme/motion.mjs";
|
|
22
|
+
|
|
21
23
|
import "../../theme/type.mjs";
|
|
22
24
|
|
|
23
25
|
import "../../hooks/useObserveTheme.mjs";
|
|
24
26
|
|
|
25
27
|
import "../../hooks/useWindow.mjs";
|
|
26
28
|
|
|
27
|
-
import "../../chunks/_types-
|
|
29
|
+
import "../../chunks/_types-CmSsFhh_.mjs";
|
|
28
30
|
|
|
29
31
|
import "../../chunks/utils-BQ1v7VE4.mjs";
|
|
30
32
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { C as Chip } from "../../chunks/Chip-
|
|
1
|
+
export { C as Chip } from "../../chunks/Chip-DrmWsTmm.mjs";
|
|
2
2
|
|
|
3
3
|
import "../../chunks/tslib.es6-c-7TIv71.mjs";
|
|
4
4
|
|
|
@@ -16,16 +16,18 @@ import "../../theme/corners.mjs";
|
|
|
16
16
|
|
|
17
17
|
import "../../theme/elevations.mjs";
|
|
18
18
|
|
|
19
|
+
import "../../theme/motion.mjs";
|
|
20
|
+
|
|
19
21
|
import "../../theme/type.mjs";
|
|
20
22
|
|
|
21
23
|
import "../../hooks/useObserveTheme.mjs";
|
|
22
24
|
|
|
23
25
|
import "../../hooks/useWindow.mjs";
|
|
24
26
|
|
|
25
|
-
import "../../chunks/_types-
|
|
27
|
+
import "../../chunks/_types-CmSsFhh_.mjs";
|
|
26
28
|
|
|
27
29
|
import "../../chunks/utils-BQ1v7VE4.mjs";
|
|
28
30
|
|
|
29
|
-
import "../../chunks/sharedTypes-tn9-uJvb.mjs";
|
|
30
|
-
|
|
31
31
|
import "../../chunks/style-inject.es-D0BjEaN8.mjs";
|
|
32
|
+
|
|
33
|
+
import "../../chunks/sharedTypes-tn9-uJvb.mjs";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { D as DraggablePanel } from "../../chunks/DrggablePanel-
|
|
1
|
+
export { D as DraggablePanel } from "../../chunks/DrggablePanel-CEg9sHHt.mjs";
|
|
2
2
|
|
|
3
3
|
import "../../chunks/tslib.es6-c-7TIv71.mjs";
|
|
4
4
|
|
|
@@ -16,6 +16,8 @@ import "../../theme/corners.mjs";
|
|
|
16
16
|
|
|
17
17
|
import "../../theme/elevations.mjs";
|
|
18
18
|
|
|
19
|
+
import "../../theme/motion.mjs";
|
|
20
|
+
|
|
19
21
|
import "../../theme/type.mjs";
|
|
20
22
|
|
|
21
23
|
import "../../hooks/useObserveTheme.mjs";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { D as DropDown } from "../../chunks/DropDown-
|
|
1
|
+
export { D as DropDown } from "../../chunks/DropDown-DfJndD2F.mjs";
|
|
2
2
|
|
|
3
3
|
import "../../chunks/tslib.es6-c-7TIv71.mjs";
|
|
4
4
|
|
|
@@ -16,13 +16,15 @@ import "../../theme/corners.mjs";
|
|
|
16
16
|
|
|
17
17
|
import "../../theme/elevations.mjs";
|
|
18
18
|
|
|
19
|
+
import "../../theme/motion.mjs";
|
|
20
|
+
|
|
19
21
|
import "../../theme/type.mjs";
|
|
20
22
|
|
|
21
23
|
import "../../hooks/useObserveTheme.mjs";
|
|
22
24
|
|
|
23
25
|
import "../../hooks/useWindow.mjs";
|
|
24
26
|
|
|
25
|
-
import "../../chunks/_types-
|
|
27
|
+
import "../../chunks/_types-CmSsFhh_.mjs";
|
|
26
28
|
|
|
27
29
|
import "../../chunks/utils-BQ1v7VE4.mjs";
|
|
28
30
|
|