@ornikar/bumper 3.14.1 → 4.0.0
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/CHANGELOG.md +10 -0
- package/dist/definitions/index.d.ts +4 -4
- package/dist/definitions/system/{actions → buttons}/Button/Button.d.ts.map +1 -1
- package/dist/definitions/system/{actions → buttons}/Button/components/ButtonBadge.d.ts.map +1 -1
- package/dist/definitions/system/{actions → buttons}/Button/components/ButtonIcon.d.ts.map +1 -1
- package/dist/definitions/system/{actions → buttons}/Button/components/ButtonText.d.ts.map +1 -1
- package/dist/definitions/system/{actions → buttons}/Button/context.d.ts.map +1 -1
- package/dist/definitions/system/{actions → buttons}/Button/types.d.ts.map +1 -1
- package/dist/definitions/system/{actions → buttons}/Button/utils/contentColor.d.ts.map +1 -1
- package/dist/definitions/system/{actions/IconButton/IconButton.d.ts → buttons/ButtonIcon/ButtonIcon.d.ts} +8 -8
- package/dist/definitions/system/buttons/ButtonIcon/ButtonIcon.d.ts.map +1 -0
- package/dist/index-metro.es.android.js +10 -10
- package/dist/index-metro.es.android.js.map +1 -1
- package/dist/index-metro.es.ios.js +10 -10
- package/dist/index-metro.es.ios.js.map +1 -1
- package/dist/index-node-22.22.cjs.js +10 -10
- package/dist/index-node-22.22.cjs.js.map +1 -1
- package/dist/index-node-22.22.cjs.web.js +10 -10
- package/dist/index-node-22.22.cjs.web.js.map +1 -1
- package/dist/index-node-22.22.es.mjs +10 -10
- package/dist/index-node-22.22.es.mjs.map +1 -1
- package/dist/index-node-22.22.es.web.mjs +10 -10
- package/dist/index-node-22.22.es.web.mjs.map +1 -1
- package/dist/index.es.js +10 -10
- package/dist/index.es.js.map +1 -1
- package/dist/index.es.web.js +10 -10
- package/dist/index.es.web.js.map +1 -1
- package/dist/tsbuildinfo +1 -1
- package/docs/migration/Button.md +2 -2
- package/package.json +1 -1
- package/src/Bumper.mdx +3 -3
- package/src/index.ts +5 -5
- package/src/system/{actions → buttons}/Button/Button.features.stories.tsx +1 -1
- package/src/system/{actions → buttons}/Button/Button.mdx +1 -1
- package/src/system/{actions → buttons}/Button/Button.stories.tsx +1 -1
- package/src/system/{actions → buttons}/Button/__snapshots__/Button.features.stories.tsx.snap +12 -12
- package/src/system/{actions → buttons}/Button/__snapshots__/Button.stories.tsx.snap +1 -1
- package/src/system/{actions → buttons}/Button/__snapshots_web__/Button.features.stories.tsx.snap +12 -12
- package/src/system/{actions → buttons}/Button/__snapshots_web__/Button.stories.tsx.snap +1 -1
- package/src/system/buttons/ButtonIcon/ButtonIcon.features.stories.tsx +194 -0
- package/src/system/{actions/IconButton/IconButton.mdx → buttons/ButtonIcon/ButtonIcon.mdx} +16 -16
- package/src/system/{actions/IconButton/IconButton.stories.tsx → buttons/ButtonIcon/ButtonIcon.stories.tsx} +7 -7
- package/src/system/{actions/IconButton/IconButton.tsx → buttons/ButtonIcon/ButtonIcon.tsx} +10 -10
- package/src/system/{actions/IconButton/__snapshots__/IconButton.features.stories.tsx.snap → buttons/ButtonIcon/__snapshots__/ButtonIcon.features.stories.tsx.snap} +10 -10
- package/src/system/{actions/IconButton/__snapshots__/IconButton.stories.tsx.snap → buttons/ButtonIcon/__snapshots__/ButtonIcon.stories.tsx.snap} +1 -1
- package/src/system/{actions/IconButton/__snapshots_web__/IconButton.features.stories.tsx.snap → buttons/ButtonIcon/__snapshots_web__/ButtonIcon.features.stories.tsx.snap} +10 -10
- package/src/system/{actions/IconButton/__snapshots_web__/IconButton.stories.tsx.snap → buttons/ButtonIcon/__snapshots_web__/ButtonIcon.stories.tsx.snap} +1 -1
- package/dist/definitions/system/actions/IconButton/IconButton.d.ts.map +0 -1
- package/src/system/actions/IconButton/IconButton.features.stories.tsx +0 -194
- /package/dist/definitions/system/{actions → buttons}/Button/Button.d.ts +0 -0
- /package/dist/definitions/system/{actions → buttons}/Button/components/ButtonBadge.d.ts +0 -0
- /package/dist/definitions/system/{actions → buttons}/Button/components/ButtonIcon.d.ts +0 -0
- /package/dist/definitions/system/{actions → buttons}/Button/components/ButtonText.d.ts +0 -0
- /package/dist/definitions/system/{actions → buttons}/Button/context.d.ts +0 -0
- /package/dist/definitions/system/{actions → buttons}/Button/types.d.ts +0 -0
- /package/dist/definitions/system/{actions → buttons}/Button/utils/contentColor.d.ts +0 -0
- /package/src/system/{actions → buttons}/Button/Button.tsx +0 -0
- /package/src/system/{actions → buttons}/Button/components/ButtonBadge.tsx +0 -0
- /package/src/system/{actions → buttons}/Button/components/ButtonIcon.tsx +0 -0
- /package/src/system/{actions → buttons}/Button/components/ButtonText.tsx +0 -0
- /package/src/system/{actions → buttons}/Button/context.ts +0 -0
- /package/src/system/{actions → buttons}/Button/types.ts +0 -0
- /package/src/system/{actions → buttons}/Button/utils/contentColor.ts +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,16 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [4.0.0](https://github.com/ornikar/kitt/compare/@ornikar/bumper@3.14.1...@ornikar/bumper@4.0.0) (2026-05-07)
|
|
7
|
+
|
|
8
|
+
### ⚠ BREAKING CHANGES
|
|
9
|
+
|
|
10
|
+
* **bumper:** rename IconButton to ButtonIcon [no-issue] (#3015)
|
|
11
|
+
|
|
12
|
+
### Features
|
|
13
|
+
|
|
14
|
+
* **bumper:** rename IconButton to ButtonIcon [no-issue] ([#3015](https://github.com/ornikar/kitt/issues/3015)) ([646d1bf](https://github.com/ornikar/kitt/commit/646d1bfdd66f4ac7ce4d6f33ed823b491a9cc188))
|
|
15
|
+
|
|
6
16
|
## [3.14.1](https://github.com/ornikar/kitt/compare/@ornikar/bumper@3.14.0...@ornikar/bumper@3.14.1) (2026-05-05)
|
|
7
17
|
|
|
8
18
|
### Bug Fixes
|
|
@@ -11,10 +11,10 @@ export type { HStackProps, StackProps, VStackProps } from './system/core/primiti
|
|
|
11
11
|
export { HStack, Stack, VStack } from './system/core/primitives/Stack';
|
|
12
12
|
export type { ViewProps } from './system/core/primitives/View';
|
|
13
13
|
export { View } from './system/core/primitives/View';
|
|
14
|
-
export { Button } from './system/
|
|
15
|
-
export type { ButtonProps } from './system/
|
|
16
|
-
export type {
|
|
17
|
-
export {
|
|
14
|
+
export { Button } from './system/buttons/Button/Button';
|
|
15
|
+
export type { ButtonProps } from './system/buttons/Button/types';
|
|
16
|
+
export type { ButtonIconProps } from './system/buttons/ButtonIcon/ButtonIcon';
|
|
17
|
+
export { ButtonIcon } from './system/buttons/ButtonIcon/ButtonIcon';
|
|
18
18
|
export { Typography } from './system/content/typography';
|
|
19
19
|
export type { TypographyTextProps } from './system/content/typography/Typography';
|
|
20
20
|
export type { TypographyIconProps } from './system/content/typography/TypographyIcon';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/system/
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/system/buttons/Button/Button.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE5C,OAAO,KAAK,EAAE,WAAW,EAAmB,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAErF,eAAO,MAAM,mBAAmB;;;;;;;8CAoH9B,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;8CAmBzB,CAAC;AAEH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;CAIjB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonBadge.d.ts","sourceRoot":"","sources":["../../../../../../src/system/
|
|
1
|
+
{"version":3,"file":"ButtonBadge.d.ts","sourceRoot":"","sources":["../../../../../../src/system/buttons/Button/components/ButtonBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAGpE,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,UAAU,CAAC;CAAG;AAEnF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,SAAS,CAS9D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/system/
|
|
1
|
+
{"version":3,"file":"ButtonIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/system/buttons/Button/components/ButtonIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAK5D,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC;CAAG;AAEnE,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,EAAE,eAAe,GAAG,SAAS,CAM/D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonText.d.ts","sourceRoot":"","sources":["../../../../../../src/system/
|
|
1
|
+
{"version":3,"file":"ButtonText.d.ts","sourceRoot":"","sources":["../../../../../../src/system/buttons/Button/components/ButtonText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAMlF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC;CAAG;AAEjF,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,eAAe,GAAG,SAAS,CAcnE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../src/system/
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../src/system/buttons/Button/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAMtD,eAAO,MAAM,OAAO,2JAOlB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/system/
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/system/buttons/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC;AAC3C,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,CAAC;AAEzE,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,QAAQ,CAAC;IACtF;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,WAAW,GAAG,iBAAiB,CAAC,uBAAuB,CAAC,CAAC;AAErE,MAAM,WAAW,eAAe;IAC9B,eAAe,EAAE,WAAW,CAAC;IAC7B,UAAU,EAAE;QAAE,eAAe,EAAE,WAAW,CAAA;KAAE,CAAC;IAC7C,UAAU,EAAE;QAAE,eAAe,EAAE,WAAW,CAAA;KAAE,CAAC;CAC9C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"contentColor.d.ts","sourceRoot":"","sources":["../../../../../../src/system/
|
|
1
|
+
{"version":3,"file":"contentColor.d.ts","sourceRoot":"","sources":["../../../../../../src/system/buttons/Button/utils/contentColor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,EAAE,OAAO,EAAE,cAAc,CAAC,EAAE,OAAO,GAAG,WAAW,CAgBjH"}
|
|
@@ -2,12 +2,12 @@ import type { ReactNode } from 'react';
|
|
|
2
2
|
import type { Except } from 'type-fest';
|
|
3
3
|
import type { TamaguiMediaProps } from '../../types';
|
|
4
4
|
import { ButtonBadge } from '../Button/components/ButtonBadge';
|
|
5
|
-
import { ButtonIcon } from '../Button/components/ButtonIcon';
|
|
5
|
+
import { ButtonIcon as ButtonIconCompound } from '../Button/components/ButtonIcon';
|
|
6
6
|
import type { ButtonWithoutMediaProps } from '../Button/types';
|
|
7
|
-
export interface
|
|
7
|
+
export interface ButtonIconWithoutMediaProps extends Except<ButtonWithoutMediaProps, 'stretch'> {
|
|
8
8
|
}
|
|
9
|
-
export type
|
|
10
|
-
export declare const
|
|
9
|
+
export type ButtonIconProps = TamaguiMediaProps<ButtonIconWithoutMediaProps>;
|
|
10
|
+
export declare const InternalButtonIconFrame: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & import("../../types").PropsWithoutMediaStyles<ButtonWithoutMediaProps> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").PropsWithoutMediaStyles<ButtonWithoutMediaProps>>, import("@tamagui/core").StackStyleBase, {
|
|
11
11
|
size?: "small" | "large" | undefined;
|
|
12
12
|
disabled?: boolean | undefined;
|
|
13
13
|
stretch?: boolean | undefined;
|
|
@@ -15,10 +15,10 @@ export declare const InternalIconButtonFrame: import("@tamagui/core").TamaguiCom
|
|
|
15
15
|
type?: import("../Button/types").ButtonType | undefined;
|
|
16
16
|
isLoading?: boolean | undefined;
|
|
17
17
|
}, import("@tamagui/core").StaticConfigPublic>;
|
|
18
|
-
declare function
|
|
19
|
-
export declare const
|
|
20
|
-
Icon: typeof
|
|
18
|
+
declare function InternalButtonIcon(props: ButtonIconProps): ReactNode;
|
|
19
|
+
export declare const ButtonIcon: typeof InternalButtonIcon & {
|
|
20
|
+
Icon: typeof ButtonIconCompound;
|
|
21
21
|
Badge: typeof ButtonBadge;
|
|
22
22
|
};
|
|
23
23
|
export {};
|
|
24
|
-
//# sourceMappingURL=
|
|
24
|
+
//# sourceMappingURL=ButtonIcon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonIcon.d.ts","sourceRoot":"","sources":["../../../../../src/system/buttons/ButtonIcon/ButtonIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAExC,OAAO,KAAK,EAA0B,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAE7E,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAEnF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAE/D,MAAM,WAAW,2BAA4B,SAAQ,MAAM,CAAC,uBAAuB,EAAE,SAAS,CAAC;CAAG;AAElG,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC,2BAA2B,CAAC,CAAC;AAE7E,eAAO,MAAM,uBAAuB;;;;;;;8CAoBlC,CAAC;AAEH,iBAAS,kBAAkB,CAAC,KAAK,EAAE,eAAe,GAAG,SAAS,CAE7D;AAED,eAAO,MAAM,UAAU;;;CAGrB,CAAC"}
|
|
@@ -864,7 +864,7 @@ function getButtonContentColor(type, disabled, isOnContrasted) {
|
|
|
864
864
|
}
|
|
865
865
|
}
|
|
866
866
|
|
|
867
|
-
function ButtonIcon({
|
|
867
|
+
function ButtonIcon$1({
|
|
868
868
|
icon
|
|
869
869
|
}) {
|
|
870
870
|
const {
|
|
@@ -1101,7 +1101,7 @@ const InternalButton = InternalButtonFrame.styleable((props, ref) => {
|
|
|
1101
1101
|
children: flattenProps.children
|
|
1102
1102
|
}), /*#__PURE__*/jsx(View, {
|
|
1103
1103
|
position: "absolute",
|
|
1104
|
-
children: /*#__PURE__*/jsx(ButtonIcon, {
|
|
1104
|
+
children: /*#__PURE__*/jsx(ButtonIcon$1, {
|
|
1105
1105
|
icon: /*#__PURE__*/jsx(Loader, {
|
|
1106
1106
|
size: "icon"
|
|
1107
1107
|
})
|
|
@@ -1111,12 +1111,12 @@ const InternalButton = InternalButtonFrame.styleable((props, ref) => {
|
|
|
1111
1111
|
});
|
|
1112
1112
|
const Button = withStaticProperties(InternalButton, {
|
|
1113
1113
|
Text: ButtonText,
|
|
1114
|
-
Icon: ButtonIcon,
|
|
1114
|
+
Icon: ButtonIcon$1,
|
|
1115
1115
|
Badge: ButtonBadge
|
|
1116
1116
|
});
|
|
1117
1117
|
|
|
1118
|
-
const
|
|
1119
|
-
name: '
|
|
1118
|
+
const InternalButtonIconFrame = styled(InternalButton, {
|
|
1119
|
+
name: 'ButtonIcon',
|
|
1120
1120
|
context: context$2,
|
|
1121
1121
|
variants: {
|
|
1122
1122
|
size: {
|
|
@@ -1135,11 +1135,11 @@ const InternalIconButtonFrame = styled(InternalButton, {
|
|
|
1135
1135
|
}
|
|
1136
1136
|
}
|
|
1137
1137
|
});
|
|
1138
|
-
function
|
|
1139
|
-
return /*#__PURE__*/jsx(
|
|
1138
|
+
function InternalButtonIcon(props) {
|
|
1139
|
+
return /*#__PURE__*/jsx(InternalButtonIconFrame, _objectSpread({}, props));
|
|
1140
1140
|
}
|
|
1141
|
-
const
|
|
1142
|
-
Icon: ButtonIcon,
|
|
1141
|
+
const ButtonIcon = withStaticProperties(InternalButtonIcon, {
|
|
1142
|
+
Icon: ButtonIcon$1,
|
|
1143
1143
|
Badge: ButtonBadge
|
|
1144
1144
|
});
|
|
1145
1145
|
|
|
@@ -1508,5 +1508,5 @@ function Divider(props) {
|
|
|
1508
1508
|
return /*#__PURE__*/jsx(InternalDivider, _objectSpread({}, props));
|
|
1509
1509
|
}
|
|
1510
1510
|
|
|
1511
|
-
export { Avatar, Badge, BumperProvider, Button, Center, Divider, HStack,
|
|
1511
|
+
export { Avatar, Badge, BumperProvider, Button, ButtonIcon, Center, Divider, HStack, Loader, Pressable, Sticker, SwitchBreakpoints, Typography, VStack, getValueForBreakpoint, useBreakpointValue, useCurrentBreakpointName };
|
|
1512
1512
|
//# sourceMappingURL=index-metro.es.android.js.map
|