@iziui/react 0.0.1
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/_virtual/jsx-runtime.cjs +2 -0
- package/dist/_virtual/jsx-runtime.cjs.map +1 -0
- package/dist/_virtual/jsx-runtime.js +2 -0
- package/dist/_virtual/jsx-runtime.js.map +1 -0
- package/dist/_virtual/jsx-runtime2.cjs +2 -0
- package/dist/_virtual/jsx-runtime2.cjs.map +1 -0
- package/dist/_virtual/jsx-runtime2.js +2 -0
- package/dist/_virtual/jsx-runtime2.js.map +1 -0
- package/dist/_virtual/react-jsx-runtime.production.cjs +2 -0
- package/dist/_virtual/react-jsx-runtime.production.cjs.map +1 -0
- package/dist/_virtual/react-jsx-runtime.production.js +2 -0
- package/dist/_virtual/react-jsx-runtime.production.js.map +1 -0
- package/dist/assets/packages/styles/src/components/Button-D84txguY.css +1 -0
- package/dist/assets/packages/styles/src/components/Card-CsjbyRZq.css +1 -0
- package/dist/assets/packages/styles/src/components/Icon-MXyQ1_oo.css +1 -0
- package/dist/assets/packages/styles/src/components/Loading-BeVKXeEI.css +1 -0
- package/dist/assets/packages/styles/src/components/Ripple-D71SUpze.css +1 -0
- package/dist/assets/packages/styles/src/components/Stack-CaqHhBiY.css +1 -0
- package/dist/components/Button/Button.cjs +2 -0
- package/dist/components/Button/Button.cjs.map +1 -0
- package/dist/components/Button/Button.d.ts +15 -0
- package/dist/components/Button/Button.d.ts.map +1 -0
- package/dist/components/Button/Button.js +2 -0
- package/dist/components/Button/Button.js.map +1 -0
- package/dist/components/Button/Button.stories.d.ts +12 -0
- package/dist/components/Button/Button.stories.d.ts.map +1 -0
- package/dist/components/Button/index.cjs +2 -0
- package/dist/components/Button/index.cjs.map +1 -0
- package/dist/components/Button/index.d.ts +2 -0
- package/dist/components/Button/index.d.ts.map +1 -0
- package/dist/components/Button/index.js +2 -0
- package/dist/components/Button/index.js.map +1 -0
- package/dist/components/Card/Card.cjs +2 -0
- package/dist/components/Card/Card.cjs.map +1 -0
- package/dist/components/Card/Card.d.ts +7 -0
- package/dist/components/Card/Card.d.ts.map +1 -0
- package/dist/components/Card/Card.js +2 -0
- package/dist/components/Card/Card.js.map +1 -0
- package/dist/components/Card/Card.stories.d.ts +7 -0
- package/dist/components/Card/Card.stories.d.ts.map +1 -0
- package/dist/components/Card/CardContent.cjs +2 -0
- package/dist/components/Card/CardContent.cjs.map +1 -0
- package/dist/components/Card/CardContent.d.ts +5 -0
- package/dist/components/Card/CardContent.d.ts.map +1 -0
- package/dist/components/Card/CardContent.js +2 -0
- package/dist/components/Card/CardContent.js.map +1 -0
- package/dist/components/Card/index.cjs +2 -0
- package/dist/components/Card/index.cjs.map +1 -0
- package/dist/components/Card/index.d.ts +3 -0
- package/dist/components/Card/index.d.ts.map +1 -0
- package/dist/components/Card/index.js +2 -0
- package/dist/components/Card/index.js.map +1 -0
- package/dist/components/Icon/Icon.cjs +2 -0
- package/dist/components/Icon/Icon.cjs.map +1 -0
- package/dist/components/Icon/Icon.d.ts +10 -0
- package/dist/components/Icon/Icon.d.ts.map +1 -0
- package/dist/components/Icon/Icon.js +2 -0
- package/dist/components/Icon/Icon.js.map +1 -0
- package/dist/components/Icon/Icon.stories.d.ts +8 -0
- package/dist/components/Icon/Icon.stories.d.ts.map +1 -0
- package/dist/components/Icon/index.cjs +2 -0
- package/dist/components/Icon/index.cjs.map +1 -0
- package/dist/components/Icon/index.d.ts +2 -0
- package/dist/components/Icon/index.d.ts.map +1 -0
- package/dist/components/Icon/index.js +2 -0
- package/dist/components/Icon/index.js.map +1 -0
- package/dist/components/Loading/Loading.cjs +2 -0
- package/dist/components/Loading/Loading.cjs.map +1 -0
- package/dist/components/Loading/Loading.d.ts +9 -0
- package/dist/components/Loading/Loading.d.ts.map +1 -0
- package/dist/components/Loading/Loading.js +2 -0
- package/dist/components/Loading/Loading.js.map +1 -0
- package/dist/components/Loading/Loading.stories.d.ts +7 -0
- package/dist/components/Loading/Loading.stories.d.ts.map +1 -0
- package/dist/components/Loading/index.cjs +2 -0
- package/dist/components/Loading/index.cjs.map +1 -0
- package/dist/components/Loading/index.d.ts +2 -0
- package/dist/components/Loading/index.d.ts.map +1 -0
- package/dist/components/Loading/index.js +2 -0
- package/dist/components/Loading/index.js.map +1 -0
- package/dist/components/Ripple/Ripple.cjs +2 -0
- package/dist/components/Ripple/Ripple.cjs.map +1 -0
- package/dist/components/Ripple/Ripple.d.ts +2 -0
- package/dist/components/Ripple/Ripple.d.ts.map +1 -0
- package/dist/components/Ripple/Ripple.js +2 -0
- package/dist/components/Ripple/Ripple.js.map +1 -0
- package/dist/components/Ripple/Ripple.stories.d.ts +6 -0
- package/dist/components/Ripple/Ripple.stories.d.ts.map +1 -0
- package/dist/components/Ripple/index.cjs +2 -0
- package/dist/components/Ripple/index.cjs.map +1 -0
- package/dist/components/Ripple/index.d.ts +2 -0
- package/dist/components/Ripple/index.d.ts.map +1 -0
- package/dist/components/Ripple/index.js +2 -0
- package/dist/components/Ripple/index.js.map +1 -0
- package/dist/components/Stack/Stack.cjs +2 -0
- package/dist/components/Stack/Stack.cjs.map +1 -0
- package/dist/components/Stack/Stack.d.ts +13 -0
- package/dist/components/Stack/Stack.d.ts.map +1 -0
- package/dist/components/Stack/Stack.js +2 -0
- package/dist/components/Stack/Stack.js.map +1 -0
- package/dist/components/Stack/Stack.spec.d.ts +2 -0
- package/dist/components/Stack/Stack.spec.d.ts.map +1 -0
- package/dist/components/Stack/Stack.stories.d.ts +7 -0
- package/dist/components/Stack/Stack.stories.d.ts.map +1 -0
- package/dist/components/Stack/index.cjs +2 -0
- package/dist/components/Stack/index.cjs.map +1 -0
- package/dist/components/Stack/index.d.ts +2 -0
- package/dist/components/Stack/index.d.ts.map +1 -0
- package/dist/components/Stack/index.js +2 -0
- package/dist/components/Stack/index.js.map +1 -0
- package/dist/components/index.cjs +2 -0
- package/dist/components/index.cjs.map +1 -0
- package/dist/components/index.d.ts +7 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +2 -0
- package/dist/components/index.js.map +1 -0
- package/dist/core/createComponent.cjs +2 -0
- package/dist/core/createComponent.cjs.map +1 -0
- package/dist/core/createComponent.d.ts +4 -0
- package/dist/core/createComponent.d.ts.map +1 -0
- package/dist/core/createComponent.js +2 -0
- package/dist/core/createComponent.js.map +1 -0
- package/dist/core/index.cjs +2 -0
- package/dist/core/index.cjs.map +1 -0
- package/dist/core/index.d.ts +2 -0
- package/dist/core/index.d.ts.map +1 -0
- package/dist/core/index.js +2 -0
- package/dist/core/index.js.map +1 -0
- package/dist/index.cjs +2 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -0
- package/dist/packages/core/src/options/createOptions/createOptions.cjs +2 -0
- package/dist/packages/core/src/options/createOptions/createOptions.cjs.map +1 -0
- package/dist/packages/core/src/options/createOptions/createOptions.js +2 -0
- package/dist/packages/core/src/options/createOptions/createOptions.js.map +1 -0
- package/dist/packages/core/src/plugin/color/defineBackground/defineBackground.cjs +2 -0
- package/dist/packages/core/src/plugin/color/defineBackground/defineBackground.cjs.map +1 -0
- package/dist/packages/core/src/plugin/color/defineBackground/defineBackground.js +2 -0
- package/dist/packages/core/src/plugin/color/defineBackground/defineBackground.js.map +1 -0
- package/dist/packages/core/src/plugin/color/defineBackgroundColor/defineBackgroundColor.cjs +2 -0
- package/dist/packages/core/src/plugin/color/defineBackgroundColor/defineBackgroundColor.cjs.map +1 -0
- package/dist/packages/core/src/plugin/color/defineBackgroundColor/defineBackgroundColor.js +2 -0
- package/dist/packages/core/src/plugin/color/defineBackgroundColor/defineBackgroundColor.js.map +1 -0
- package/dist/packages/core/src/plugin/color/defineBorderColor/defineBorderColor.cjs +2 -0
- package/dist/packages/core/src/plugin/color/defineBorderColor/defineBorderColor.cjs.map +1 -0
- package/dist/packages/core/src/plugin/color/defineBorderColor/defineBorderColor.js +2 -0
- package/dist/packages/core/src/plugin/color/defineBorderColor/defineBorderColor.js.map +1 -0
- package/dist/packages/core/src/plugin/color/defineColor/defineColor.cjs +2 -0
- package/dist/packages/core/src/plugin/color/defineColor/defineColor.cjs.map +1 -0
- package/dist/packages/core/src/plugin/color/defineColor/defineColor.js +2 -0
- package/dist/packages/core/src/plugin/color/defineColor/defineColor.js.map +1 -0
- package/dist/packages/core/src/plugin/definePlugin/definePlugin.cjs +2 -0
- package/dist/packages/core/src/plugin/definePlugin/definePlugin.cjs.map +1 -0
- package/dist/packages/core/src/plugin/definePlugin/definePlugin.js +2 -0
- package/dist/packages/core/src/plugin/definePlugin/definePlugin.js.map +1 -0
- package/dist/packages/core/src/plugin/index.cjs +2 -0
- package/dist/packages/core/src/plugin/index.cjs.map +1 -0
- package/dist/packages/core/src/plugin/index.js +2 -0
- package/dist/packages/core/src/plugin/index.js.map +1 -0
- package/dist/packages/core/src/theme/applyTheme/applyTheme.cjs +2 -0
- package/dist/packages/core/src/theme/applyTheme/applyTheme.cjs.map +1 -0
- package/dist/packages/core/src/theme/applyTheme/applyTheme.js +2 -0
- package/dist/packages/core/src/theme/applyTheme/applyTheme.js.map +1 -0
- package/dist/packages/core/src/theme/createTheme/createTheme.cjs +2 -0
- package/dist/packages/core/src/theme/createTheme/createTheme.cjs.map +1 -0
- package/dist/packages/core/src/theme/createTheme/createTheme.js +2 -0
- package/dist/packages/core/src/theme/createTheme/createTheme.js.map +1 -0
- package/dist/packages/core/src/theme/defaultTheme.cjs +2 -0
- package/dist/packages/core/src/theme/defaultTheme.cjs.map +1 -0
- package/dist/packages/core/src/theme/defaultTheme.js +2 -0
- package/dist/packages/core/src/theme/defaultTheme.js.map +1 -0
- package/dist/packages/core/src/utils/adjustLightness/adjustLightness.cjs +2 -0
- package/dist/packages/core/src/utils/adjustLightness/adjustLightness.cjs.map +1 -0
- package/dist/packages/core/src/utils/adjustLightness/adjustLightness.js +2 -0
- package/dist/packages/core/src/utils/adjustLightness/adjustLightness.js.map +1 -0
- package/dist/packages/core/src/utils/convertPathToColor/convertPathToColor.cjs +2 -0
- package/dist/packages/core/src/utils/convertPathToColor/convertPathToColor.cjs.map +1 -0
- package/dist/packages/core/src/utils/convertPathToColor/convertPathToColor.js +2 -0
- package/dist/packages/core/src/utils/convertPathToColor/convertPathToColor.js.map +1 -0
- package/dist/packages/core/src/utils/generateSupportColors/generateSupportColors.cjs +2 -0
- package/dist/packages/core/src/utils/generateSupportColors/generateSupportColors.cjs.map +1 -0
- package/dist/packages/core/src/utils/generateSupportColors/generateSupportColors.js +2 -0
- package/dist/packages/core/src/utils/generateSupportColors/generateSupportColors.js.map +1 -0
- package/dist/packages/core/src/utils/getContrastColor/getContrastColor.cjs +2 -0
- package/dist/packages/core/src/utils/getContrastColor/getContrastColor.cjs.map +1 -0
- package/dist/packages/core/src/utils/getContrastColor/getContrastColor.js +2 -0
- package/dist/packages/core/src/utils/getContrastColor/getContrastColor.js.map +1 -0
- package/dist/packages/core/src/utils/getOpacityColor/getOpacityColor.cjs +2 -0
- package/dist/packages/core/src/utils/getOpacityColor/getOpacityColor.cjs.map +1 -0
- package/dist/packages/core/src/utils/getOpacityColor/getOpacityColor.js +2 -0
- package/dist/packages/core/src/utils/getOpacityColor/getOpacityColor.js.map +1 -0
- package/dist/packages/core/src/utils/hexToHsl/hexToHsl.cjs +2 -0
- package/dist/packages/core/src/utils/hexToHsl/hexToHsl.cjs.map +1 -0
- package/dist/packages/core/src/utils/hexToHsl/hexToHsl.js +2 -0
- package/dist/packages/core/src/utils/hexToHsl/hexToHsl.js.map +1 -0
- package/dist/packages/core/src/utils/hslToHex/hslToHex.cjs +2 -0
- package/dist/packages/core/src/utils/hslToHex/hslToHex.cjs.map +1 -0
- package/dist/packages/core/src/utils/hslToHex/hslToHex.js +2 -0
- package/dist/packages/core/src/utils/hslToHex/hslToHex.js.map +1 -0
- package/dist/packages/core/src/utils/joinClass/joinClass.cjs +2 -0
- package/dist/packages/core/src/utils/joinClass/joinClass.cjs.map +1 -0
- package/dist/packages/core/src/utils/joinClass/joinClass.js +2 -0
- package/dist/packages/core/src/utils/joinClass/joinClass.js.map +1 -0
- package/dist/packages/tokens/dist/web/js/index.cjs +2 -0
- package/dist/packages/tokens/dist/web/js/index.cjs.map +1 -0
- package/dist/packages/tokens/dist/web/js/index.js +2 -0
- package/dist/packages/tokens/dist/web/js/index.js.map +1 -0
- package/dist/theme/ThemeProvider.cjs +2 -0
- package/dist/theme/ThemeProvider.cjs.map +1 -0
- package/dist/theme/ThemeProvider.d.ts +13 -0
- package/dist/theme/ThemeProvider.d.ts.map +1 -0
- package/dist/theme/ThemeProvider.js +2 -0
- package/dist/theme/ThemeProvider.js.map +1 -0
- package/dist/theme/createTheme.cjs +2 -0
- package/dist/theme/createTheme.cjs.map +1 -0
- package/dist/theme/createTheme.d.ts +2 -0
- package/dist/theme/createTheme.d.ts.map +1 -0
- package/dist/theme/createTheme.js +2 -0
- package/dist/theme/createTheme.js.map +1 -0
- package/dist/theme/index.cjs +2 -0
- package/dist/theme/index.cjs.map +1 -0
- package/dist/theme/index.d.ts +4 -0
- package/dist/theme/index.d.ts.map +1 -0
- package/dist/theme/index.js +2 -0
- package/dist/theme/index.js.map +1 -0
- package/dist/theme/useTheme.cjs +2 -0
- package/dist/theme/useTheme.cjs.map +1 -0
- package/dist/theme/useTheme.d.ts +2 -0
- package/dist/theme/useTheme.d.ts.map +1 -0
- package/dist/theme/useTheme.js +2 -0
- package/dist/theme/useTheme.js.map +1 -0
- package/package.json +82 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"jsx-runtime.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"jsx-runtime.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"jsx-runtime2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"jsx-runtime2.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"react-jsx-runtime.production.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"react-jsx-runtime.production.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.iziui-button{position:relative;border:none;font-size:.875rem;padding:6px 16px;border-radius:var(--radius);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;min-height:37px;text-transform:uppercase;cursor:pointer}.iziui-button--noHover{background-color:transparent!important}.iziui-button--small{font-size:.8125rem;padding:4px 10px;min-height:33px}.iziui-button--large{font-size:.9375rem;padding:8px 22px;min-height:41px}.iziui-button--fullWidth{display:block;width:100%}.iziui-button--primary{color:var(--primary-contrast);background-color:var(--primary)}.iziui-button--primary:disabled{background-color:var(--text-disabled);color:var(--text-secondary);cursor:not-allowed}.iziui-button--primary:disabled .ui-button__icon{color:var(--text-secondary)!important}.iziui-button--primary .iziui-button__icon{color:var(--primary-contrast);font-size:16px!important}.iziui-button--primary .iziui-button__icon--left{margin-right:10px}.iziui-button--primary .iziui-button__icon--right{margin-left:10px}.iziui-button--primary .iziui-button__loading{color:var(--primary-contrast)!important}.iziui-button--primary .iziui-button__loading--small{margin-bottom:-5px}.iziui-button--primary .iziui-button__loading--medium{margin-bottom:-4px}.iziui-button--primary .iziui-button__loading--large{margin-bottom:-3px}.iziui-button--primary--outlined{background-color:transparent;border:1px solid var(--divider);color:var(--primary)}.iziui-button--primary--outlined:hover{background-color:var(--primary-opacity);border:1px solid transparent}.iziui-button--primary--outlined .iziui-button__icon{color:var(--primary)!important;font-size:16px!important}.iziui-button--primary--outlined .iziui-button__icon--left{margin-right:10px}.iziui-button--primary--outlined .iziui-button__icon--right{margin-left:10px}.iziui-button--primary--text{background-color:transparent;color:var(--primary)}.iziui-button--primary--text:hover{background-color:var(--primary-opacity)}.iziui-button--primary--text .iziui-button__icon{color:var(--primary)!important;font-size:16px!important}.iziui-button--primary--text .iziui-button__icon--left{margin-right:10px}.iziui-button--primary--text .iziui-button__icon--right{margin-left:10px}.iziui-button--secondary{color:var(--secondary-contrast);background-color:var(--secondary)}.iziui-button--secondary:disabled{background-color:var(--text-disabled);color:var(--text-secondary);cursor:not-allowed}.iziui-button--secondary:disabled .ui-button__icon{color:var(--text-secondary)!important}.iziui-button--secondary .iziui-button__icon{color:var(--secondary-contrast);font-size:16px!important}.iziui-button--secondary .iziui-button__icon--left{margin-right:10px}.iziui-button--secondary .iziui-button__icon--right{margin-left:10px}.iziui-button--secondary .iziui-button__loading{color:var(--secondary-contrast)!important}.iziui-button--secondary .iziui-button__loading--small{margin-bottom:-5px}.iziui-button--secondary .iziui-button__loading--medium{margin-bottom:-4px}.iziui-button--secondary .iziui-button__loading--large{margin-bottom:-3px}.iziui-button--secondary--outlined{background-color:transparent;border:1px solid var(--divider);color:var(--secondary)}.iziui-button--secondary--outlined:hover{background-color:var(--secondary-opacity);border:1px solid transparent}.iziui-button--secondary--outlined .iziui-button__icon{color:var(--secondary)!important;font-size:16px!important}.iziui-button--secondary--outlined .iziui-button__icon--left{margin-right:10px}.iziui-button--secondary--outlined .iziui-button__icon--right{margin-left:10px}.iziui-button--secondary--text{background-color:transparent;color:var(--secondary)}.iziui-button--secondary--text:hover{background-color:var(--secondary-opacity)}.iziui-button--secondary--text .iziui-button__icon{color:var(--secondary)!important;font-size:16px!important}.iziui-button--secondary--text .iziui-button__icon--left{margin-right:10px}.iziui-button--secondary--text .iziui-button__icon--right{margin-left:10px}.iziui-button--info{color:var(--info-contrast);background-color:var(--info)}.iziui-button--info:disabled{background-color:var(--text-disabled);color:var(--text-secondary);cursor:not-allowed}.iziui-button--info:disabled .ui-button__icon{color:var(--text-secondary)!important}.iziui-button--info .iziui-button__icon{color:var(--info-contrast);font-size:16px!important}.iziui-button--info .iziui-button__icon--left{margin-right:10px}.iziui-button--info .iziui-button__icon--right{margin-left:10px}.iziui-button--info .iziui-button__loading{color:var(--info-contrast)!important}.iziui-button--info .iziui-button__loading--small{margin-bottom:-5px}.iziui-button--info .iziui-button__loading--medium{margin-bottom:-4px}.iziui-button--info .iziui-button__loading--large{margin-bottom:-3px}.iziui-button--info--outlined{background-color:transparent;border:1px solid var(--divider);color:var(--info)}.iziui-button--info--outlined:hover{background-color:var(--info-opacity);border:1px solid transparent}.iziui-button--info--outlined .iziui-button__icon{color:var(--info)!important;font-size:16px!important}.iziui-button--info--outlined .iziui-button__icon--left{margin-right:10px}.iziui-button--info--outlined .iziui-button__icon--right{margin-left:10px}.iziui-button--info--text{background-color:transparent;color:var(--info)}.iziui-button--info--text:hover{background-color:var(--info-opacity)}.iziui-button--info--text .iziui-button__icon{color:var(--info)!important;font-size:16px!important}.iziui-button--info--text .iziui-button__icon--left{margin-right:10px}.iziui-button--info--text .iziui-button__icon--right{margin-left:10px}.iziui-button--error{color:var(--error-contrast);background-color:var(--error)}.iziui-button--error:disabled{background-color:var(--text-disabled);color:var(--text-secondary);cursor:not-allowed}.iziui-button--error:disabled .ui-button__icon{color:var(--text-secondary)!important}.iziui-button--error .iziui-button__icon{color:var(--error-contrast);font-size:16px!important}.iziui-button--error .iziui-button__icon--left{margin-right:10px}.iziui-button--error .iziui-button__icon--right{margin-left:10px}.iziui-button--error .iziui-button__loading{color:var(--error-contrast)!important}.iziui-button--error .iziui-button__loading--small{margin-bottom:-5px}.iziui-button--error .iziui-button__loading--medium{margin-bottom:-4px}.iziui-button--error .iziui-button__loading--large{margin-bottom:-3px}.iziui-button--error--outlined{background-color:transparent;border:1px solid var(--divider);color:var(--error)}.iziui-button--error--outlined:hover{background-color:var(--error-opacity);border:1px solid transparent}.iziui-button--error--outlined .iziui-button__icon{color:var(--error)!important;font-size:16px!important}.iziui-button--error--outlined .iziui-button__icon--left{margin-right:10px}.iziui-button--error--outlined .iziui-button__icon--right{margin-left:10px}.iziui-button--error--text{background-color:transparent;color:var(--error)}.iziui-button--error--text:hover{background-color:var(--error-opacity)}.iziui-button--error--text .iziui-button__icon{color:var(--error)!important;font-size:16px!important}.iziui-button--error--text .iziui-button__icon--left{margin-right:10px}.iziui-button--error--text .iziui-button__icon--right{margin-left:10px}.iziui-button--warning{color:var(--warning-contrast);background-color:var(--warning)}.iziui-button--warning:disabled{background-color:var(--text-disabled);color:var(--text-secondary);cursor:not-allowed}.iziui-button--warning:disabled .ui-button__icon{color:var(--text-secondary)!important}.iziui-button--warning .iziui-button__icon{color:var(--warning-contrast);font-size:16px!important}.iziui-button--warning .iziui-button__icon--left{margin-right:10px}.iziui-button--warning .iziui-button__icon--right{margin-left:10px}.iziui-button--warning .iziui-button__loading{color:var(--warning-contrast)!important}.iziui-button--warning .iziui-button__loading--small{margin-bottom:-5px}.iziui-button--warning .iziui-button__loading--medium{margin-bottom:-4px}.iziui-button--warning .iziui-button__loading--large{margin-bottom:-3px}.iziui-button--warning--outlined{background-color:transparent;border:1px solid var(--divider);color:var(--warning)}.iziui-button--warning--outlined:hover{background-color:var(--warning-opacity);border:1px solid transparent}.iziui-button--warning--outlined .iziui-button__icon{color:var(--warning)!important;font-size:16px!important}.iziui-button--warning--outlined .iziui-button__icon--left{margin-right:10px}.iziui-button--warning--outlined .iziui-button__icon--right{margin-left:10px}.iziui-button--warning--text{background-color:transparent;color:var(--warning)}.iziui-button--warning--text:hover{background-color:var(--warning-opacity)}.iziui-button--warning--text .iziui-button__icon{color:var(--warning)!important;font-size:16px!important}.iziui-button--warning--text .iziui-button__icon--left{margin-right:10px}.iziui-button--warning--text .iziui-button__icon--right{margin-left:10px}.iziui-button--success{color:var(--success-contrast);background-color:var(--success)}.iziui-button--success:disabled{background-color:var(--text-disabled);color:var(--text-secondary);cursor:not-allowed}.iziui-button--success:disabled .ui-button__icon{color:var(--text-secondary)!important}.iziui-button--success .iziui-button__icon{color:var(--success-contrast);font-size:16px!important}.iziui-button--success .iziui-button__icon--left{margin-right:10px}.iziui-button--success .iziui-button__icon--right{margin-left:10px}.iziui-button--success .iziui-button__loading{color:var(--success-contrast)!important}.iziui-button--success .iziui-button__loading--small{margin-bottom:-5px}.iziui-button--success .iziui-button__loading--medium{margin-bottom:-4px}.iziui-button--success .iziui-button__loading--large{margin-bottom:-3px}.iziui-button--success--outlined{background-color:transparent;border:1px solid var(--divider);color:var(--success)}.iziui-button--success--outlined:hover{background-color:var(--success-opacity);border:1px solid transparent}.iziui-button--success--outlined .iziui-button__icon{color:var(--success)!important;font-size:16px!important}.iziui-button--success--outlined .iziui-button__icon--left{margin-right:10px}.iziui-button--success--outlined .iziui-button__icon--right{margin-left:10px}.iziui-button--success--text{background-color:transparent;color:var(--success)}.iziui-button--success--text:hover{background-color:var(--success-opacity)}.iziui-button--success--text .iziui-button__icon{color:var(--success)!important;font-size:16px!important}.iziui-button--success--text .iziui-button__icon--left{margin-right:10px}.iziui-button--success--text .iziui-button__icon--right{margin-left:10px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.iziui-card{position:relative;border-radius:var(--radius);border:1px solid var(--divider);background-color:var(--background-default);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.iziui-card--clickable{cursor:pointer}.iziui-card--clickable:hover{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;border-color:var(--primary-light)}.iziui-card__content{padding:16px;border-radius:var(--radius)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.iziui-icon{transition:all .3s cubic-bezier(.4,0,.2,1)}.iziui-icon--small{font-size:16px}.iziui-icon--medium{font-size:24px}.iziui-icon--large{font-size:32px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.iziui-loading{display:inline-block;animation:circle-rotate 1.4s linear 0s infinite}.iziui-loading__svg{display:block}.iziui-loading__circle{stroke:currentcolor;stroke-dasharray:80px,200px;stroke-dashoffset:0;animation:circle-animation 1.4s ease-in-out 0s infinite}@keyframes circle-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes circle-animation{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.iziui-ripple-container{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.iziui-ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple-animation .8s ease-out;pointer-events:none;background-color:#fff9}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.iziui-stack{width:100%;display:flex}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../../_virtual/jsx-runtime.cjs"),x=require("react"),e=require("../../packages/tokens/dist/web/js/index.cjs"),i=require("../../packages/core/src/utils/joinClass/joinClass.cjs"),_=require("../Ripple/Ripple.cjs"),q=require("../../core/createComponent.cjs");;/* empty css */function C({size:u="medium",color:r="primary",variant:m="contained",fullWidth:f,startIcon:l,noHover:p=!1,endIcon:a,loading:s,children:$,...o}){const d=i.joinClass(`${e.prefix}-button`,`${e.prefix}-button--${u}`,`${e.prefix}-button--${r}`,`${e.prefix}-button--${r}--${m}`,p&&`${e.prefix}-button--noHover`,f&&`${e.prefix}-button--fullWidth`,o.className),c=(t,j)=>x.cloneElement(t,{color:`${r}.contrastText`,className:i.joinClass(t.props.className,`${e.prefix}-button__icon`,`${e.prefix}-button__icon--${j}`)}),b=t=>x.cloneElement(t,{className:i.joinClass(t.props.className,`${e.prefix}-button__loading`,`${e.prefix}-button__loading--${u}`),size:"1.1rem"});return n.jsxRuntimeExports.jsxs("button",{...o,className:d,onClick:t=>!s&&o.onClick?.(t),children:[s?b(s):n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[l&&c(l,"left"),$,a&&c(a,"right")]}),n.jsxRuntimeExports.jsx(_.default,{})]})}const E=q.default(C);exports.default=E;
|
|
2
|
+
//# sourceMappingURL=Button.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.cjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { type PropsWithChildren, type ButtonHTMLAttributes, cloneElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors, Size } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils';\n\nimport type { IconProps } from '../Icon';\nimport type { LoadingProps } from '../Loading';\nimport Ripple from '../Ripple';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Button.scss';\n\nexport interface ButtonProps extends PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> {\n size?: Size;\n color?: Colors;\n noHover?: boolean;\n fullWidth?: boolean;\n endIcon?: React.JSX.Element;\n startIcon?: React.JSX.Element;\n loading?: React.JSX.Element | boolean;\n variant?: 'contained' | 'outlined' | 'text';\n};\nfunction Button({\n size = 'medium',\n color = 'primary',\n variant = 'contained',\n fullWidth,\n startIcon,\n noHover = false,\n endIcon,\n loading,\n children,\n ...props\n}: ButtonProps) {\n const cls = joinClass(\n `${prefix}-button`,\n `${prefix}-button--${size}`,\n `${prefix}-button--${color}`,\n `${prefix}-button--${color}--${variant}`,\n noHover && `${prefix}-button--noHover`,\n fullWidth && `${prefix}-button--fullWidth`,\n props.className\n );\n\n const renderIcon = (icon: React.JSX.Element, direction: 'left' | 'right') => {\n return cloneElement<IconProps>(icon, {\n color: `${color}.contrastText`,\n className: joinClass(icon.props.className, `${prefix}-button__icon`, `${prefix}-button__icon--${direction}`)\n });\n };\n\n const renderLoading = (loading: React.JSX.Element) => {\n return cloneElement<LoadingProps>(loading, {\n className: joinClass(loading.props.className, `${prefix}-button__loading`, `${prefix}-button__loading--${size}`),\n size: '1.1rem',\n });\n };\n\n return (\n <button\n {...props}\n className={cls}\n onClick={(e) => !loading && props.onClick?.(e)}\n >\n {\n loading ? renderLoading(loading as React.JSX.Element) : (\n <>\n {startIcon && renderIcon(startIcon, 'left')}\n {children}\n {endIcon && renderIcon(endIcon, 'right')}\n </>\n )\n }\n <Ripple />\n </button>\n );\n}\n\nexport default createComponent(Button);"],"names":["Button","size","color","variant","fullWidth","startIcon","noHover","endIcon","loading","children","props","cls","joinClass","prefix","renderIcon","icon","direction","cloneElement","renderLoading","jsxs","e","Fragment","Ripple","Button_default","createComponent"],"mappings":"2bAwBA,SAASA,EAAO,CACd,KAAAC,EAAO,SACP,MAAAC,EAAQ,UACR,QAAAC,EAAU,YACV,UAAAC,EACA,UAAAC,EACA,QAAAC,EAAU,GACV,QAAAC,EACA,QAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAMC,EAAAA,UACV,GAAGC,EAAAA,MAAM,UACT,GAAGA,EAAAA,MAAM,YAAYZ,CAAI,GACzB,GAAGY,EAAAA,MAAM,YAAYX,CAAK,GAC1B,GAAGW,EAAAA,MAAM,YAAYX,CAAK,KAAKC,CAAO,GACtCG,GAAW,GAAGO,EAAAA,MAAM,mBACpBT,GAAa,GAAGS,EAAAA,MAAM,qBACtBH,EAAM,SAAA,EAGFI,EAAa,CAACC,EAAyBC,IACpCC,EAAAA,aAAwBF,EAAM,CACnC,MAAO,GAAGb,CAAK,gBACf,UAAWU,EAAAA,UAAUG,EAAK,MAAM,UAAW,GAAGF,QAAM,gBAAiB,GAAGA,EAAAA,MAAM,kBAAkBG,CAAS,EAAE,CAAA,CAC5G,EAGGE,EAAiBV,GACdS,EAAAA,aAA2BT,EAAS,CACzC,UAAWI,EAAAA,UAAUJ,EAAQ,MAAM,UAAW,GAAGK,EAAAA,MAAM,mBAAoB,GAAGA,EAAAA,MAAM,qBAAqBZ,CAAI,EAAE,EAC/G,KAAM,QAAA,CACP,EAGH,OACEkB,EAAAA,kBAAAA,KAAC,SAAA,CACE,GAAGT,EACJ,UAAWC,EACX,QAAUS,GAAM,CAACZ,GAAWE,EAAM,UAAUU,CAAC,EAG3C,SAAA,CAAAZ,EAAUU,EAAcV,CAA4B,EAClDW,EAAAA,kBAAAA,KAAAE,EAAAA,kBAAAA,SAAA,CACG,SAAA,CAAAhB,GAAaS,EAAWT,EAAW,MAAM,EACzCI,EACAF,GAAWO,EAAWP,EAAS,OAAO,CAAA,EACzC,0BAGHe,EAAAA,QAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAGd,CAEA,MAAAC,EAAeC,EAAAA,QAAgBxB,CAAM"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { PropsWithChildren, ButtonHTMLAttributes } from 'react';
|
|
2
|
+
import { Colors, Size } from '@iziui/core/theme';
|
|
3
|
+
export interface ButtonProps extends PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> {
|
|
4
|
+
size?: Size;
|
|
5
|
+
color?: Colors;
|
|
6
|
+
noHover?: boolean;
|
|
7
|
+
fullWidth?: boolean;
|
|
8
|
+
endIcon?: React.JSX.Element;
|
|
9
|
+
startIcon?: React.JSX.Element;
|
|
10
|
+
loading?: React.JSX.Element | boolean;
|
|
11
|
+
variant?: 'contained' | 'outlined' | 'text';
|
|
12
|
+
}
|
|
13
|
+
declare const _default: import('react').FC<import('@iziui/core/options').Sx<ButtonProps>>;
|
|
14
|
+
export default _default;
|
|
15
|
+
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,oBAAoB,EAAgB,MAAM,OAAO,CAAC;AAIxF,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAQtD,OAAO,sCAAsC,CAAC;AAE9C,MAAM,WAAW,WAAY,SAAQ,iBAAiB,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAC7F,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC;IACtC,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;CAC7C;;AAyDD,wBAAuC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as n}from"../../_virtual/jsx-runtime.js";import{cloneElement as l}from"react";import{prefix as t}from"../../packages/tokens/dist/web/js/index.js";import{joinClass as m}from"../../packages/core/src/utils/joinClass/joinClass.js";import j from"../Ripple/Ripple.js";import N from"../../core/createComponent.js";/* empty css */function h({size:a="medium",color:e="primary",variant:$="contained",fullWidth:p,startIcon:i,noHover:f=!1,endIcon:u,loading:r,children:b,...s}){const _=m(`${t}-button`,`${t}-button--${a}`,`${t}-button--${e}`,`${t}-button--${e}--${$}`,f&&`${t}-button--noHover`,p&&`${t}-button--fullWidth`,s.className),c=(o,x)=>l(o,{color:`${e}.contrastText`,className:m(o.props.className,`${t}-button__icon`,`${t}-button__icon--${x}`)}),d=o=>l(o,{className:m(o.props.className,`${t}-button__loading`,`${t}-button__loading--${a}`),size:"1.1rem"});return n.jsxs("button",{...s,className:_,onClick:o=>!r&&s.onClick?.(o),children:[r?d(r):n.jsxs(n.Fragment,{children:[i&&c(i,"left"),b,u&&c(u,"right")]}),n.jsx(j,{})]})}const y=N(h);export{y as default};
|
|
2
|
+
//# sourceMappingURL=Button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { type PropsWithChildren, type ButtonHTMLAttributes, cloneElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors, Size } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils';\n\nimport type { IconProps } from '../Icon';\nimport type { LoadingProps } from '../Loading';\nimport Ripple from '../Ripple';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Button.scss';\n\nexport interface ButtonProps extends PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> {\n size?: Size;\n color?: Colors;\n noHover?: boolean;\n fullWidth?: boolean;\n endIcon?: React.JSX.Element;\n startIcon?: React.JSX.Element;\n loading?: React.JSX.Element | boolean;\n variant?: 'contained' | 'outlined' | 'text';\n};\nfunction Button({\n size = 'medium',\n color = 'primary',\n variant = 'contained',\n fullWidth,\n startIcon,\n noHover = false,\n endIcon,\n loading,\n children,\n ...props\n}: ButtonProps) {\n const cls = joinClass(\n `${prefix}-button`,\n `${prefix}-button--${size}`,\n `${prefix}-button--${color}`,\n `${prefix}-button--${color}--${variant}`,\n noHover && `${prefix}-button--noHover`,\n fullWidth && `${prefix}-button--fullWidth`,\n props.className\n );\n\n const renderIcon = (icon: React.JSX.Element, direction: 'left' | 'right') => {\n return cloneElement<IconProps>(icon, {\n color: `${color}.contrastText`,\n className: joinClass(icon.props.className, `${prefix}-button__icon`, `${prefix}-button__icon--${direction}`)\n });\n };\n\n const renderLoading = (loading: React.JSX.Element) => {\n return cloneElement<LoadingProps>(loading, {\n className: joinClass(loading.props.className, `${prefix}-button__loading`, `${prefix}-button__loading--${size}`),\n size: '1.1rem',\n });\n };\n\n return (\n <button\n {...props}\n className={cls}\n onClick={(e) => !loading && props.onClick?.(e)}\n >\n {\n loading ? renderLoading(loading as React.JSX.Element) : (\n <>\n {startIcon && renderIcon(startIcon, 'left')}\n {children}\n {endIcon && renderIcon(endIcon, 'right')}\n </>\n )\n }\n <Ripple />\n </button>\n );\n}\n\nexport default createComponent(Button);"],"names":["Button","size","color","variant","fullWidth","startIcon","noHover","endIcon","loading","children","props","cls","joinClass","prefix","renderIcon","icon","direction","cloneElement","renderLoading","jsxs","e","Fragment","Ripple","Button_default","createComponent"],"mappings":"wXAwBA,SAASA,EAAO,CACd,KAAAC,EAAO,SACP,MAAAC,EAAQ,UACR,QAAAC,EAAU,YACV,UAAAC,EACA,UAAAC,EACA,QAAAC,EAAU,GACV,QAAAC,EACA,QAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAMC,EACV,GAAGC,CAAM,UACT,GAAGA,CAAM,YAAYZ,CAAI,GACzB,GAAGY,CAAM,YAAYX,CAAK,GAC1B,GAAGW,CAAM,YAAYX,CAAK,KAAKC,CAAO,GACtCG,GAAW,GAAGO,CAAM,mBACpBT,GAAa,GAAGS,CAAM,qBACtBH,EAAM,SAAA,EAGFI,EAAa,CAACC,EAAyBC,IACpCC,EAAwBF,EAAM,CACnC,MAAO,GAAGb,CAAK,gBACf,UAAWU,EAAUG,EAAK,MAAM,UAAW,GAAGF,CAAM,gBAAiB,GAAGA,CAAM,kBAAkBG,CAAS,EAAE,CAAA,CAC5G,EAGGE,EAAiBV,GACdS,EAA2BT,EAAS,CACzC,UAAWI,EAAUJ,EAAQ,MAAM,UAAW,GAAGK,CAAM,mBAAoB,GAAGA,CAAM,qBAAqBZ,CAAI,EAAE,EAC/G,KAAM,QAAA,CACP,EAGH,OACEkB,EAAAA,KAAC,SAAA,CACE,GAAGT,EACJ,UAAWC,EACX,QAAUS,GAAM,CAACZ,GAAWE,EAAM,UAAUU,CAAC,EAG3C,SAAA,CAAAZ,EAAUU,EAAcV,CAA4B,EAClDW,EAAAA,KAAAE,EAAAA,SAAA,CACG,SAAA,CAAAhB,GAAaS,EAAWT,EAAW,MAAM,EACzCI,EACAF,GAAWO,EAAWP,EAAS,OAAO,CAAA,EACzC,QAGHe,EAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAGd,CAEA,MAAAC,EAAeC,EAAgBxB,CAAM"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as Button } from './Button';
|
|
3
|
+
declare const meta: Meta<typeof Button>;
|
|
4
|
+
export declare const Colors: StoryObj<typeof Button>;
|
|
5
|
+
export declare const Variants: StoryObj<typeof Button>;
|
|
6
|
+
export declare const WithIcon: StoryObj<typeof Button>;
|
|
7
|
+
export declare const Size: StoryObj<typeof Button>;
|
|
8
|
+
export declare const States: StoryObj<typeof Button>;
|
|
9
|
+
export declare const NoHover: StoryObj<typeof Button>;
|
|
10
|
+
export declare const Loading: StoryObj<typeof Button>;
|
|
11
|
+
export default meta;
|
|
12
|
+
//# sourceMappingURL=Button.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAI7B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,QAAQ,CAAC,OAAO,MAAM,CAa1C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,MAAM,CAU5C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,MAAM,CAc5C,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,QAAQ,CAAC,OAAO,MAAM,CAUxC,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,QAAQ,CAAC,OAAO,MAAM,CAM1C,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,MAAM,CAa3C,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,MAAM,CAgB3C,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../../_virtual/jsx-runtime.cjs"),t=require("../../packages/tokens/dist/web/js/index.cjs"),n=require("../../packages/core/src/utils/joinClass/joinClass.cjs"),a=require("../Ripple/Ripple.cjs"),o=require("../../core/createComponent.cjs");;/* empty css */function c({children:u,onClick:e,...r}){const i=n.joinClass(`${t.prefix}-card`,e&&`${t.prefix}-card--clickable`,r.className);return s.jsxRuntimeExports.jsxs("div",{...r,className:i,onMouseDown:e,children:[u,e&&s.jsxRuntimeExports.jsx(a.default,{})]})}const l=o.default(c);exports.default=l;
|
|
2
|
+
//# sourceMappingURL=Card.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.cjs","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Ripple from '../Ripple';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Card.scss';\n\ninterface CardProps extends HTMLAttributes<HTMLDivElement> { onClick?: (e?: any) => void; }\n\nfunction Card({ children, onClick, ...props }: CardProps) {\n const cls = joinClass(`${prefix}-card`, onClick && `${prefix}-card--clickable`, props.className);\n\n return (\n <div {...props} className={cls} onMouseDown={onClick}>\n {children}\n {onClick && <Ripple />}\n </div>\n );\n}\n\nexport default createComponent(Card);"],"names":["Card","children","onClick","props","cls","joinClass","prefix","Ripple","Card_default","createComponent"],"mappings":"saAaA,SAASA,EAAK,CAAE,SAAAC,EAAU,QAAAC,EAAS,GAAGC,GAAoB,CACxD,MAAMC,EAAMC,EAAAA,UAAU,GAAGC,EAAAA,MAAM,QAASJ,GAAW,GAAGI,EAAAA,MAAM,mBAAoBH,EAAM,SAAS,EAE/F,gCACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EAAK,YAAaF,EAC1C,SAAA,CAAAD,EACAC,2BAAYK,EAAAA,QAAA,CAAA,CAAO,CAAA,EACtB,CAEJ,CAEA,MAAAC,EAAeC,EAAAA,QAAgBT,CAAI"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
interface CardProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
onClick?: (e?: any) => void;
|
|
4
|
+
}
|
|
5
|
+
declare const _default: import('react').FC<import('@iziui/core/options').Sx<CardProps>>;
|
|
6
|
+
export default _default;
|
|
7
|
+
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAS5C,OAAO,oCAAoC,CAAC;AAE5C,UAAU,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAAG,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAAE;;AAa3F,wBAAqC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as t}from"../../_virtual/jsx-runtime.js";import{prefix as s}from"../../packages/tokens/dist/web/js/index.js";import{joinClass as m}from"../../packages/core/src/utils/joinClass/joinClass.js";import i from"../Ripple/Ripple.js";import c from"../../core/createComponent.js";/* empty css */function n({children:a,onClick:r,...o}){const e=m(`${s}-card`,r&&`${s}-card--clickable`,o.className);return t.jsxs("div",{...o,className:e,onMouseDown:r,children:[a,r&&t.jsx(i,{})]})}const j=c(n);export{j as default};
|
|
2
|
+
//# sourceMappingURL=Card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Ripple from '../Ripple';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Card.scss';\n\ninterface CardProps extends HTMLAttributes<HTMLDivElement> { onClick?: (e?: any) => void; }\n\nfunction Card({ children, onClick, ...props }: CardProps) {\n const cls = joinClass(`${prefix}-card`, onClick && `${prefix}-card--clickable`, props.className);\n\n return (\n <div {...props} className={cls} onMouseDown={onClick}>\n {children}\n {onClick && <Ripple />}\n </div>\n );\n}\n\nexport default createComponent(Card);"],"names":["Card","children","onClick","props","cls","joinClass","prefix","Ripple","Card_default","createComponent"],"mappings":"iVAaA,SAASA,EAAK,CAAE,SAAAC,EAAU,QAAAC,EAAS,GAAGC,GAAoB,CACxD,MAAMC,EAAMC,EAAU,GAAGC,CAAM,QAASJ,GAAW,GAAGI,CAAM,mBAAoBH,EAAM,SAAS,EAE/F,cACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EAAK,YAAaF,EAC1C,SAAA,CAAAD,EACAC,SAAYK,EAAA,CAAA,CAAO,CAAA,EACtB,CAEJ,CAEA,MAAAC,EAAeC,EAAgBT,CAAI"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as Card } from './Card';
|
|
3
|
+
declare const meta: Meta<typeof Card>;
|
|
4
|
+
export declare const WithOutContent: StoryObj<typeof Card>;
|
|
5
|
+
export declare const WithContent: StoryObj<typeof Card>;
|
|
6
|
+
export default meta;
|
|
7
|
+
//# sourceMappingURL=Card.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAG1B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAG3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,QAAQ,CAAC,OAAO,IAAI,CAQhD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAC,OAAO,IAAI,CAU7C,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../../_virtual/jsx-runtime.cjs"),r=require("../../packages/tokens/dist/web/js/index.cjs"),o=require("../../packages/core/src/utils/joinClass/joinClass.cjs"),u=require("../../core/createComponent.cjs");function a({children:t,...e}){const n=o.joinClass(`${r.prefix}-card__content`,e.className);return s.jsxRuntimeExports.jsx("div",{...e,className:n,children:t})}const i=u.default(a);exports.default=i;
|
|
2
|
+
//# sourceMappingURL=CardContent.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardContent.cjs","sources":["../../../src/components/Card/CardContent.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '../../core/createComponent';\n\ntype CardContentProps = HTMLAttributes<HTMLDivElement>;\nfunction CardContent({ children, ...props }: CardContentProps) {\n\n const cls = joinClass(`${prefix}-card__content`, props.className);\n\n return (\n <div {...props} className={cls}>\n {children}\n </div>\n );\n}\n\nexport default createComponent(CardContent);"],"names":["CardContent","children","props","cls","joinClass","prefix","CardContent_default","createComponent"],"mappings":"sUASA,SAASA,EAAY,CAAE,SAAAC,EAAU,GAAGC,GAA2B,CAE7D,MAAMC,EAAMC,EAAAA,UAAU,GAAGC,EAAAA,MAAM,iBAAkBH,EAAM,SAAS,EAEhE,+BACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EACxB,SAAAF,EACH,CAEJ,CAEA,MAAAK,EAAeC,EAAAA,QAAgBP,CAAW"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAQvC,KAAK,gBAAgB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;;AAYvD,wBAA4C"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as n}from"../../_virtual/jsx-runtime.js";import{prefix as e}from"../../packages/tokens/dist/web/js/index.js";import{joinClass as a}from"../../packages/core/src/utils/joinClass/joinClass.js";import s from"../../core/createComponent.js";function m({children:o,...t}){const r=a(`${e}-card__content`,t.className);return n.jsx("div",{...t,className:r,children:o})}const l=s(m);export{l as default};
|
|
2
|
+
//# sourceMappingURL=CardContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardContent.js","sources":["../../../src/components/Card/CardContent.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '../../core/createComponent';\n\ntype CardContentProps = HTMLAttributes<HTMLDivElement>;\nfunction CardContent({ children, ...props }: CardContentProps) {\n\n const cls = joinClass(`${prefix}-card__content`, props.className);\n\n return (\n <div {...props} className={cls}>\n {children}\n </div>\n );\n}\n\nexport default createComponent(CardContent);"],"names":["CardContent","children","props","cls","joinClass","prefix","CardContent_default","createComponent"],"mappings":"oPASA,SAASA,EAAY,CAAE,SAAAC,EAAU,GAAGC,GAA2B,CAE7D,MAAMC,EAAMC,EAAU,GAAGC,CAAM,iBAAkBH,EAAM,SAAS,EAEhE,aACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EACxB,SAAAF,EACH,CAEJ,CAEA,MAAAK,EAAeC,EAAgBP,CAAW"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("../../_virtual/jsx-runtime.cjs"),t=require("../../packages/tokens/dist/web/js/index.cjs"),l=require("../../packages/core/src/utils/convertPathToColor/convertPathToColor.cjs"),a=require("../../packages/core/src/utils/joinClass/joinClass.cjs"),m=require("../../core/createComponent.cjs"),d=require("../../theme/useTheme.cjs");require("../../theme/ThemeProvider.cjs");;/* empty css */function f({name:o,size:r="medium",color:n="primary.main",...e}){const{theme:{palette:s}}=d.default(),i=a.joinClass(`${t.prefix}-icon`,`${t.prefix}-icon--${r}`,"uil",`uil-${o}`,e.className),u=l.convertPathToColor(n,s);return c.jsxRuntimeExports.jsx("i",{...e,className:i,style:{color:u,...e.style}})}const q=m.default(f);exports.default=q;
|
|
2
|
+
//# sourceMappingURL=Icon.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.cjs","sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { MappedColors, Size } from '@iziui/core/theme';\nimport { convertPathToColor, joinClass } from '@iziui/core/utils';\n\nimport createComponent from '../../core/createComponent';\nimport { useTheme } from '../../theme';\n\nimport '@iziui/styles/components/Icon.scss';\n\nexport interface IconProps extends HTMLAttributes<HTMLElement> { name: string; size?: Size; color?: MappedColors; }\nfunction Icon({ name, size = 'medium', color = 'primary.main', ...props }: IconProps) {\n const { theme: { palette } } = useTheme();\n\n const clss = joinClass(\n `${prefix}-icon`,\n `${prefix}-icon--${size}`,\n 'uil',\n `uil-${name}`,\n props.className\n );\n\n const c = convertPathToColor(color, palette);\n\n return (\n <i {...props} className={clss} style={{ color: c, ...props.style }}></i>\n );\n}\n\nexport default createComponent(Icon);"],"names":["Icon","name","size","color","props","palette","useTheme","clss","joinClass","prefix","c","convertPathToColor","jsx","Icon_default","createComponent"],"mappings":"wiBAaA,SAASA,EAAK,CAAE,KAAAC,EAAM,KAAAC,EAAO,SAAU,MAAAC,EAAQ,eAAgB,GAAGC,GAAoB,CACpF,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAAA,QAAA,EAEzBC,EAAOC,EAAAA,UACX,GAAGC,EAAAA,MAAM,QACT,GAAGA,EAAAA,MAAM,UAAUP,CAAI,GACvB,MACA,OAAOD,CAAI,GACXG,EAAM,SAAA,EAGFM,EAAIC,EAAAA,mBAAmBR,EAAOE,CAAO,EAE3C,OACEO,EAAAA,kBAAAA,IAAC,IAAA,CAAG,GAAGR,EAAO,UAAWG,EAAM,MAAO,CAAE,MAAOG,EAAG,GAAGN,EAAM,MAAM,CAAG,CAExE,CAEA,MAAAS,EAAeC,EAAAA,QAAgBd,CAAI"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
import { MappedColors, Size } from '@iziui/core/theme';
|
|
3
|
+
export interface IconProps extends HTMLAttributes<HTMLElement> {
|
|
4
|
+
name: string;
|
|
5
|
+
size?: Size;
|
|
6
|
+
color?: MappedColors;
|
|
7
|
+
}
|
|
8
|
+
declare const _default: import('react').FC<import('@iziui/core/options').Sx<IconProps>>;
|
|
9
|
+
export default _default;
|
|
10
|
+
//# sourceMappingURL=Icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAM5D,OAAO,oCAAoC,CAAC;AAE5C,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,WAAW,CAAC;IAAG,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,IAAI,CAAC;IAAC,KAAK,CAAC,EAAE,YAAY,CAAC;CAAE;;AAmBnH,wBAAqC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as c}from"../../_virtual/jsx-runtime.js";import{prefix as t}from"../../packages/tokens/dist/web/js/index.js";import{convertPathToColor as a}from"../../packages/core/src/utils/convertPathToColor/convertPathToColor.js";import{joinClass as l}from"../../packages/core/src/utils/joinClass/joinClass.js";import f from"../../core/createComponent.js";import p from"../../theme/useTheme.js";import"../../theme/ThemeProvider.js";/* empty css */function u({name:m,size:r="medium",color:e="primary.main",...o}){const{theme:{palette:i}}=p(),s=l(`${t}-icon`,`${t}-icon--${r}`,"uil",`uil-${m}`,o.className),n=a(e,i);return c.jsx("i",{...o,className:s,style:{color:n,...o.style}})}const N=f(u);export{N as default};
|
|
2
|
+
//# sourceMappingURL=Icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.js","sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { MappedColors, Size } from '@iziui/core/theme';\nimport { convertPathToColor, joinClass } from '@iziui/core/utils';\n\nimport createComponent from '../../core/createComponent';\nimport { useTheme } from '../../theme';\n\nimport '@iziui/styles/components/Icon.scss';\n\nexport interface IconProps extends HTMLAttributes<HTMLElement> { name: string; size?: Size; color?: MappedColors; }\nfunction Icon({ name, size = 'medium', color = 'primary.main', ...props }: IconProps) {\n const { theme: { palette } } = useTheme();\n\n const clss = joinClass(\n `${prefix}-icon`,\n `${prefix}-icon--${size}`,\n 'uil',\n `uil-${name}`,\n props.className\n );\n\n const c = convertPathToColor(color, palette);\n\n return (\n <i {...props} className={clss} style={{ color: c, ...props.style }}></i>\n );\n}\n\nexport default createComponent(Icon);"],"names":["Icon","name","size","color","props","palette","useTheme","clss","joinClass","prefix","c","convertPathToColor","jsx","Icon_default","createComponent"],"mappings":"seAaA,SAASA,EAAK,CAAE,KAAAC,EAAM,KAAAC,EAAO,SAAU,MAAAC,EAAQ,eAAgB,GAAGC,GAAoB,CACpF,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAA,EAEzBC,EAAOC,EACX,GAAGC,CAAM,QACT,GAAGA,CAAM,UAAUP,CAAI,GACvB,MACA,OAAOD,CAAI,GACXG,EAAM,SAAA,EAGFM,EAAIC,EAAmBR,EAAOE,CAAO,EAE3C,OACEO,EAAAA,IAAC,IAAA,CAAG,GAAGR,EAAO,UAAWG,EAAM,MAAO,CAAE,MAAOG,EAAG,GAAGN,EAAM,MAAM,CAAG,CAExE,CAEA,MAAAS,EAAeC,EAAgBd,CAAI"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as Icon } from './Icon';
|
|
3
|
+
declare const meta: Meta<typeof Icon>;
|
|
4
|
+
export declare const docs: StoryObj<typeof Icon>;
|
|
5
|
+
export declare const size: StoryObj<typeof Icon>;
|
|
6
|
+
export declare const colors: StoryObj<typeof Icon>;
|
|
7
|
+
export default meta;
|
|
8
|
+
//# sourceMappingURL=Icon.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAG3B,CAAC;AAIF,eAAO,MAAM,IAAI,EAAE,QAAQ,CAAC,OAAO,IAAI,CAMtC,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,QAAQ,CAAC,OAAO,IAAI,CAUtC,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,QAAQ,CAAC,OAAO,IAAI,CAaxC,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../_virtual/jsx-runtime.cjs"),r=require("../../packages/tokens/dist/web/js/index.cjs"),a=require("../../packages/core/src/utils/convertPathToColor/convertPathToColor.cjs"),l=require("../../packages/core/src/utils/joinClass/joinClass.cjs"),u=require("../../core/createComponent.cjs"),d=require("../../theme/useTheme.cjs");require("../../theme/ThemeProvider.cjs");;/* empty css */function x({color:s="primary.main",size:o="1.5rem",...e}){const{theme:{palette:i}}=d.default(),n=a.convertPathToColor(s,i),c=l.joinClass(`${r.prefix}-loading`,e.className);return t.jsxRuntimeExports.jsx("span",{...e,className:c,style:{...e,color:n,width:o,height:o},children:t.jsxRuntimeExports.jsx("svg",{className:`${r.prefix}-loading__svg`,viewBox:"22 22 44 44",children:t.jsxRuntimeExports.jsx("circle",{className:`${r.prefix}-loading__circle`,cx:"44",cy:"44",r:"20.2",fill:"none",strokeWidth:"3.6"})})})}const m=u.default(x);exports.default=m;
|
|
2
|
+
//# sourceMappingURL=Loading.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Loading.cjs","sources":["../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { MappedColors } from '@iziui/core/theme';\nimport { convertPathToColor, joinClass } from '@iziui/core/utils';\n\nimport createComponent from '../../core/createComponent';\nimport { useTheme } from '../../theme';\n\nimport '@iziui/styles/components/Loading.scss';\n\nexport interface LoadingProps extends HTMLAttributes<HTMLSpanElement> {\n color?: MappedColors;\n size?: number | string;\n}\nfunction Loading({ color = 'primary.main', size = '1.5rem', ...props }: LoadingProps) {\n const { theme: { palette } } = useTheme();\n\n const c = convertPathToColor(color, palette);\n\n const className = joinClass(`${prefix}-loading`, props.className);\n\n return (\n <span {...props} className={className} style={{ ...props, color: c, width: size, height: size }}>\n <svg className={`${prefix}-loading__svg`} viewBox=\"22 22 44 44\">\n <circle className={`${prefix}-loading__circle`} cx=\"44\" cy=\"44\" r=\"20.2\" fill=\"none\" strokeWidth=\"3.6\" />\n </svg>\n </span>\n );\n}\n\nexport default createComponent(Loading);"],"names":["Loading","color","size","props","palette","useTheme","c","convertPathToColor","className","joinClass","prefix","jsx","Loading_default","createComponent"],"mappings":"2iBAgBA,SAASA,EAAQ,CAAE,MAAAC,EAAQ,eAAgB,KAAAC,EAAO,SAAU,GAAGC,GAAuB,CACpF,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAAA,QAAA,EAEzBC,EAAIC,EAAAA,mBAAmBN,EAAOG,CAAO,EAErCI,EAAYC,EAAAA,UAAU,GAAGC,EAAAA,MAAM,WAAYP,EAAM,SAAS,EAEhE,+BACG,OAAA,CAAM,GAAGA,EAAO,UAAAK,EAAsB,MAAO,CAAE,GAAGL,EAAO,MAAOG,EAAG,MAAOJ,EAAM,OAAQA,GACvF,SAAAS,EAAAA,kBAAAA,IAAC,OAAI,UAAW,GAAGD,EAAAA,MAAM,gBAAiB,QAAQ,cAChD,SAAAC,EAAAA,kBAAAA,IAAC,UAAO,UAAW,GAAGD,EAAAA,MAAM,mBAAoB,GAAG,KAAK,GAAG,KAAK,EAAE,OAAO,KAAK,OAAO,YAAY,KAAA,CAAM,EACzG,EACF,CAEJ,CAEA,MAAAE,EAAeC,EAAAA,QAAgBb,CAAO"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
import { MappedColors } from '@iziui/core/theme';
|
|
3
|
+
export interface LoadingProps extends HTMLAttributes<HTMLSpanElement> {
|
|
4
|
+
color?: MappedColors;
|
|
5
|
+
size?: number | string;
|
|
6
|
+
}
|
|
7
|
+
declare const _default: import('react').FC<import('@iziui/core/options').Sx<LoadingProps>>;
|
|
8
|
+
export default _default;
|
|
9
|
+
//# sourceMappingURL=Loading.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/Loading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAMjD,OAAO,uCAAuC,CAAC;AAE/C,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,eAAe,CAAC;IACnE,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;;AAiBD,wBAAwC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as t}from"../../_virtual/jsx-runtime.js";import{prefix as e}from"../../packages/tokens/dist/web/js/index.js";import{convertPathToColor as n}from"../../packages/core/src/utils/convertPathToColor/convertPathToColor.js";import{joinClass as c}from"../../packages/core/src/utils/joinClass/joinClass.js";import l from"../../core/createComponent.js";import d from"../../theme/useTheme.js";import"../../theme/ThemeProvider.js";/* empty css */function f({color:i="primary.main",size:r="1.5rem",...o}){const{theme:{palette:m}}=d(),a=n(i,m),s=c(`${e}-loading`,o.className);return t.jsx("span",{...o,className:s,style:{...o,color:a,width:r,height:r},children:t.jsx("svg",{className:`${e}-loading__svg`,viewBox:"22 22 44 44",children:t.jsx("circle",{className:`${e}-loading__circle`,cx:"44",cy:"44",r:"20.2",fill:"none",strokeWidth:"3.6"})})})}const N=l(f);export{N as default};
|
|
2
|
+
//# sourceMappingURL=Loading.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Loading.js","sources":["../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { MappedColors } from '@iziui/core/theme';\nimport { convertPathToColor, joinClass } from '@iziui/core/utils';\n\nimport createComponent from '../../core/createComponent';\nimport { useTheme } from '../../theme';\n\nimport '@iziui/styles/components/Loading.scss';\n\nexport interface LoadingProps extends HTMLAttributes<HTMLSpanElement> {\n color?: MappedColors;\n size?: number | string;\n}\nfunction Loading({ color = 'primary.main', size = '1.5rem', ...props }: LoadingProps) {\n const { theme: { palette } } = useTheme();\n\n const c = convertPathToColor(color, palette);\n\n const className = joinClass(`${prefix}-loading`, props.className);\n\n return (\n <span {...props} className={className} style={{ ...props, color: c, width: size, height: size }}>\n <svg className={`${prefix}-loading__svg`} viewBox=\"22 22 44 44\">\n <circle className={`${prefix}-loading__circle`} cx=\"44\" cy=\"44\" r=\"20.2\" fill=\"none\" strokeWidth=\"3.6\" />\n </svg>\n </span>\n );\n}\n\nexport default createComponent(Loading);"],"names":["Loading","color","size","props","palette","useTheme","c","convertPathToColor","className","joinClass","prefix","jsx","Loading_default","createComponent"],"mappings":"yeAgBA,SAASA,EAAQ,CAAE,MAAAC,EAAQ,eAAgB,KAAAC,EAAO,SAAU,GAAGC,GAAuB,CACpF,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAA,EAEzBC,EAAIC,EAAmBN,EAAOG,CAAO,EAErCI,EAAYC,EAAU,GAAGC,CAAM,WAAYP,EAAM,SAAS,EAEhE,aACG,OAAA,CAAM,GAAGA,EAAO,UAAAK,EAAsB,MAAO,CAAE,GAAGL,EAAO,MAAOG,EAAG,MAAOJ,EAAM,OAAQA,GACvF,SAAAS,EAAAA,IAAC,OAAI,UAAW,GAAGD,CAAM,gBAAiB,QAAQ,cAChD,SAAAC,EAAAA,IAAC,UAAO,UAAW,GAAGD,CAAM,mBAAoB,GAAG,KAAK,GAAG,KAAK,EAAE,OAAO,KAAK,OAAO,YAAY,KAAA,CAAM,EACzG,EACF,CAEJ,CAEA,MAAAE,EAAeC,EAAgBb,CAAO"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as Loading } from './Loading';
|
|
3
|
+
declare const meta: Meta<typeof Loading>;
|
|
4
|
+
export declare const Colors: StoryObj<typeof Loading>;
|
|
5
|
+
export declare const Sizes: StoryObj<typeof Loading>;
|
|
6
|
+
export default meta;
|
|
7
|
+
//# sourceMappingURL=Loading.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Loading.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/Loading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,OAAO,MAAM,WAAW,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAG9B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,QAAQ,CAAC,OAAO,OAAO,CAY3C,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,OAAO,OAAO,CAW1C,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("../../_virtual/jsx-runtime.cjs"),n=require("react"),u=require("../../packages/tokens/dist/web/js/index.cjs");;/* empty css */function f(){const[s,r]=n.useState([]),o=n.useRef(null),l=e=>{const t=o.current.getBoundingClientRect(),i=Math.max(t.width,t.height),a=e.clientX-t.left-i/2,p=e.clientY-t.top-i/2;r([...s,{x:a,y:p,size:i}])};return n.useEffect(()=>{if(s.length>0){const e=setTimeout(()=>r([]),700);return()=>clearTimeout(e)}},[s]),c.jsxRuntimeExports.jsx("div",{className:`${u.prefix}-ripple-container`,ref:o,onMouseUp:l,children:s.map((e,t)=>c.jsxRuntimeExports.jsx("span",{className:`${u.prefix}-ripple`,style:{top:e.y,left:e.x,width:e.size,height:e.size}},t))})}exports.default=f;
|
|
2
|
+
//# sourceMappingURL=Ripple.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Ripple.cjs","sources":["../../../src/components/Ripple/Ripple.tsx"],"sourcesContent":["import { useRef, useEffect, useState, type MouseEvent } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport '@iziui/styles/components/Ripple.scss';\n\nexport default function Ripple() {\n const [ripples, setRipples] = useState<Array<{ x: number, y: number, size: number }>>([]);\n const rippleContainerRef = useRef<HTMLDivElement>(null);\n\n const addRipple = (event: MouseEvent<HTMLDivElement, globalThis.MouseEvent>) => {\n const rect = rippleContainerRef.current!.getBoundingClientRect();\n const size = Math.max(rect.width, rect.height);\n const x = event.clientX - rect.left - size / 2;\n const y = event.clientY - rect.top - size / 2;\n\n setRipples([...ripples, { x, y, size }]);\n };\n\n useEffect(() => {\n if (ripples.length > 0) {\n const timer = setTimeout(() => setRipples([]), 700);\n return () => clearTimeout(timer);\n }\n }, [ripples]);\n\n return (\n <div className={`${prefix}-ripple-container`} ref={rippleContainerRef} onMouseUp={addRipple}>\n {\n ripples.map((ripple, index) => (\n <span\n key={index}\n className={`${prefix}-ripple`}\n style={{\n top: ripple.y,\n left: ripple.x,\n width: ripple.size,\n height: ripple.size,\n }}\n />\n ))\n }\n </div>\n );\n}"],"names":["Ripple","ripples","setRipples","useState","rippleContainerRef","useRef","addRipple","event","rect","size","x","y","useEffect","timer","jsx","prefix","ripple","index"],"mappings":"0SAMA,SAAwBA,GAAS,CAC/B,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAwD,CAAA,CAAE,EAClFC,EAAqBC,EAAAA,OAAuB,IAAI,EAEhDC,EAAaC,GAA6D,CAC9E,MAAMC,EAAOJ,EAAmB,QAAS,sBAAA,EACnCK,EAAO,KAAK,IAAID,EAAK,MAAOA,EAAK,MAAM,EACvCE,EAAIH,EAAM,QAAUC,EAAK,KAAOC,EAAO,EACvCE,EAAIJ,EAAM,QAAUC,EAAK,IAAMC,EAAO,EAE5CP,EAAW,CAAC,GAAGD,EAAS,CAAE,EAAAS,EAAG,EAAAC,EAAG,KAAAF,CAAA,CAAM,CAAC,CACzC,EAEAG,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIX,EAAQ,OAAS,EAAG,CACtB,MAAMY,EAAQ,WAAW,IAAMX,EAAW,CAAA,CAAE,EAAG,GAAG,EAClD,MAAO,IAAM,aAAaW,CAAK,CACjC,CACF,EAAG,CAACZ,CAAO,CAAC,EAGVa,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAW,GAAGC,EAAAA,MAAM,oBAAqB,IAAKX,EAAoB,UAAWE,EAE9E,SAAAL,EAAQ,IAAI,CAACe,EAAQC,IACnBH,EAAAA,kBAAAA,IAAC,OAAA,CAEC,UAAW,GAAGC,EAAAA,MAAM,UACpB,MAAO,CACL,IAAKC,EAAO,EACZ,KAAMA,EAAO,EACb,MAAOA,EAAO,KACd,OAAQA,EAAO,IAAA,CACjB,EAPKC,CAAA,CASR,EAEL,CAEJ"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Ripple.d.ts","sourceRoot":"","sources":["../../../src/components/Ripple/Ripple.tsx"],"names":[],"mappings":"AAIA,OAAO,sCAAsC,CAAC;AAE9C,MAAM,CAAC,OAAO,UAAU,MAAM,4CAsC7B"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as r}from"../../_virtual/jsx-runtime.js";import{useState as m,useRef as f,useEffect as u}from"react";import{prefix as c}from"../../packages/tokens/dist/web/js/index.js";/* empty css */function g(){const[s,n]=m([]),o=f(null),p=t=>{const e=o.current.getBoundingClientRect(),i=Math.max(e.width,e.height),l=t.clientX-e.left-i/2,a=t.clientY-e.top-i/2;n([...s,{x:l,y:a,size:i}])};return u(()=>{if(s.length>0){const t=setTimeout(()=>n([]),700);return()=>clearTimeout(t)}},[s]),r.jsx("div",{className:`${c}-ripple-container`,ref:o,onMouseUp:p,children:s.map((t,e)=>r.jsx("span",{className:`${c}-ripple`,style:{top:t.y,left:t.x,width:t.size,height:t.size}},e))})}export{g as default};
|
|
2
|
+
//# sourceMappingURL=Ripple.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Ripple.js","sources":["../../../src/components/Ripple/Ripple.tsx"],"sourcesContent":["import { useRef, useEffect, useState, type MouseEvent } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport '@iziui/styles/components/Ripple.scss';\n\nexport default function Ripple() {\n const [ripples, setRipples] = useState<Array<{ x: number, y: number, size: number }>>([]);\n const rippleContainerRef = useRef<HTMLDivElement>(null);\n\n const addRipple = (event: MouseEvent<HTMLDivElement, globalThis.MouseEvent>) => {\n const rect = rippleContainerRef.current!.getBoundingClientRect();\n const size = Math.max(rect.width, rect.height);\n const x = event.clientX - rect.left - size / 2;\n const y = event.clientY - rect.top - size / 2;\n\n setRipples([...ripples, { x, y, size }]);\n };\n\n useEffect(() => {\n if (ripples.length > 0) {\n const timer = setTimeout(() => setRipples([]), 700);\n return () => clearTimeout(timer);\n }\n }, [ripples]);\n\n return (\n <div className={`${prefix}-ripple-container`} ref={rippleContainerRef} onMouseUp={addRipple}>\n {\n ripples.map((ripple, index) => (\n <span\n key={index}\n className={`${prefix}-ripple`}\n style={{\n top: ripple.y,\n left: ripple.x,\n width: ripple.size,\n height: ripple.size,\n }}\n />\n ))\n }\n </div>\n );\n}"],"names":["Ripple","ripples","setRipples","useState","rippleContainerRef","useRef","addRipple","event","rect","size","x","y","useEffect","timer","jsx","prefix","ripple","index"],"mappings":"8OAMA,SAAwBA,GAAS,CAC/B,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAwD,CAAA,CAAE,EAClFC,EAAqBC,EAAuB,IAAI,EAEhDC,EAAaC,GAA6D,CAC9E,MAAMC,EAAOJ,EAAmB,QAAS,sBAAA,EACnCK,EAAO,KAAK,IAAID,EAAK,MAAOA,EAAK,MAAM,EACvCE,EAAIH,EAAM,QAAUC,EAAK,KAAOC,EAAO,EACvCE,EAAIJ,EAAM,QAAUC,EAAK,IAAMC,EAAO,EAE5CP,EAAW,CAAC,GAAGD,EAAS,CAAE,EAAAS,EAAG,EAAAC,EAAG,KAAAF,CAAA,CAAM,CAAC,CACzC,EAEA,OAAAG,EAAU,IAAM,CACd,GAAIX,EAAQ,OAAS,EAAG,CACtB,MAAMY,EAAQ,WAAW,IAAMX,EAAW,CAAA,CAAE,EAAG,GAAG,EAClD,MAAO,IAAM,aAAaW,CAAK,CACjC,CACF,EAAG,CAACZ,CAAO,CAAC,EAGVa,EAAAA,IAAC,MAAA,CAAI,UAAW,GAAGC,CAAM,oBAAqB,IAAKX,EAAoB,UAAWE,EAE9E,SAAAL,EAAQ,IAAI,CAACe,EAAQC,IACnBH,EAAAA,IAAC,OAAA,CAEC,UAAW,GAAGC,CAAM,UACpB,MAAO,CACL,IAAKC,EAAO,EACZ,KAAMA,EAAO,EACb,MAAOA,EAAO,KACd,OAAQA,EAAO,IAAA,CACjB,EAPKC,CAAA,CASR,EAEL,CAEJ"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Ripple.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Ripple/Ripple.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAG7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,MAAM,CAiB5C,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Ripple/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("../../_virtual/jsx-runtime.cjs"),m=require("react"),x=require("../../packages/tokens/dist/web/js/index.cjs"),j=require("../../packages/core/src/utils/joinClass/joinClass.cjs"),q=require("../../core/createComponent.cjs");;/* empty css */const k=m.forwardRef(function({children:t,tag:s="div",gap:r=16,alignSelf:a,flexWrap:n="nowrap",alignItems:c="flex-start",flexDirection:o="column",justifyContent:u="flex-start",...e},i){const l=j.joinClass(`${x.prefix}-stack`,e.className),f=s;return d.jsxRuntimeExports.jsx(f,{...e,ref:i,className:l,style:{gap:r,flexWrap:n,alignItems:c,alignSelf:a,flexDirection:o,justifyContent:u,...e.style},children:t})}),C=q.default(k);exports.default=C;
|
|
2
|
+
//# sourceMappingURL=Stack.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Stack.cjs","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import type { HTMLAttributes, CSSProperties } from 'react';\nimport { forwardRef } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/Stack.scss';\n\nexport interface StackProps extends HTMLAttributes<HTMLElement> {\n tag?: React.ElementType;\n gap?: number;\n flexDirection?: CSSProperties['flexDirection'];\n justifyContent?: CSSProperties['justifyContent'];\n alignItems?: CSSProperties['alignItems'];\n alignSelf?: CSSProperties['alignSelf'];\n flexWrap?: CSSProperties['flexWrap'];\n}\n\nconst Stack = forwardRef<HTMLElement, StackProps>(\n function Stack(\n {\n children,\n tag = 'div',\n gap = 16,\n alignSelf,\n flexWrap = 'nowrap',\n alignItems = 'flex-start',\n flexDirection = 'column',\n justifyContent = 'flex-start',\n ...props\n },\n ref\n ) {\n const stackClasses = joinClass(\n `${prefix}-stack`,\n props.className\n );\n\n const CustomTag = tag;\n\n return (\n <CustomTag\n {...props}\n ref={ref}\n className={stackClasses}\n style={{\n gap,\n flexWrap,\n alignItems,\n alignSelf,\n flexDirection,\n justifyContent,\n ...props.style,\n }}\n >\n {children}\n </CustomTag>\n );\n }\n);\n\nexport default createComponent(Stack);\n"],"names":["Stack","forwardRef","children","tag","gap","alignSelf","flexWrap","alignItems","flexDirection","justifyContent","props","ref","stackClasses","joinClass","prefix","CustomTag","jsx","Stack_default","createComponent"],"mappings":"wZAqBA,MAAMA,EAAQC,EAAAA,WACZ,SACE,CACE,SAAAC,EACA,IAAAC,EAAM,MACN,IAAAC,EAAM,GACN,UAAAC,EACA,SAAAC,EAAW,SACX,WAAAC,EAAa,aACb,cAAAC,EAAgB,SAChB,eAAAC,EAAiB,aACjB,GAAGC,CAAA,EAELC,EACA,CACA,MAAMC,EAAeC,EAAAA,UACnB,GAAGC,EAAAA,MAAM,SACTJ,EAAM,SAAA,EAGFK,EAAYZ,EAElB,OACEa,EAAAA,kBAAAA,IAACD,EAAA,CACE,GAAGL,EACJ,IAAAC,EACA,UAAWC,EACX,MAAO,CACL,IAAAR,EACA,SAAAE,EACA,WAAAC,EACA,UAAAF,EACA,cAAAG,EACA,eAAAC,EACA,GAAGC,EAAM,KAAA,EAGV,SAAAR,CAAA,CAAA,CAGP,CACF,EAEAe,EAAeC,EAAAA,QAAgBlB,CAAK"}
|