@ornikar/bumper 2.4.2-canary.9a20239c7f70ea30ccc58f4e866b2322585529c6.0 → 2.5.1-canary.9789a78a274b9d336c93fc42d4a6561d0d61ff73.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 +23 -2
- package/dist/definitions/components/primitives/Center.d.ts +5 -0
- package/dist/definitions/components/primitives/Center.d.ts.map +1 -0
- package/dist/definitions/components/primitives/{Stacks.d.ts → Stack.d.ts} +2 -3
- package/dist/definitions/components/primitives/Stack.d.ts.map +1 -0
- package/dist/definitions/components/primitives/View.d.ts +1 -3
- package/dist/definitions/components/primitives/View.d.ts.map +1 -1
- package/dist/definitions/core/BumperDecorator.d.ts +1 -1
- package/dist/definitions/core/BumperDecorator.d.ts.map +1 -1
- package/dist/definitions/index.d.ts +4 -2
- package/dist/definitions/index.d.ts.map +1 -1
- package/dist/definitions/story-components/StorySection.d.ts +1 -1
- package/dist/definitions/story-components/StorySection.d.ts.map +1 -1
- package/dist/definitions/tamagui.config.d.ts +65 -44
- package/dist/definitions/tamagui.config.d.ts.map +1 -1
- package/dist/definitions/{themes → tokens}/palettes/deepPurpleColorPalette.d.ts.map +1 -1
- package/dist/definitions/tokens/radius.d.ts +8 -0
- package/dist/definitions/tokens/radius.d.ts.map +1 -0
- package/dist/definitions/tokens/size.d.ts +12 -8
- package/dist/definitions/tokens/size.d.ts.map +1 -1
- package/dist/definitions/tokens/space.d.ts +13 -13
- package/dist/index-metro.es.android.js +44 -26
- package/dist/index-metro.es.android.js.map +1 -1
- package/dist/index-metro.es.ios.js +44 -26
- package/dist/index-metro.es.ios.js.map +1 -1
- package/dist/index-node-22.17.cjs.js +44 -25
- package/dist/index-node-22.17.cjs.js.map +1 -1
- package/dist/index-node-22.17.cjs.web.js +44 -25
- package/dist/index-node-22.17.cjs.web.js.map +1 -1
- package/dist/index-node-22.17.es.mjs +44 -26
- package/dist/index-node-22.17.es.mjs.map +1 -1
- package/dist/index-node-22.17.es.web.mjs +44 -26
- package/dist/index-node-22.17.es.web.mjs.map +1 -1
- package/dist/index.es.js +44 -26
- package/dist/index.es.js.map +1 -1
- package/dist/index.es.web.js +44 -26
- package/dist/index.es.web.js.map +1 -1
- package/dist/tsbuildinfo +1 -1
- package/package.json +3 -3
- package/src/components/breakpoints/breakpoints.stories.tsx +2 -2
- package/src/components/primitives/Center.stories.tsx +17 -0
- package/src/components/primitives/Center.ts +10 -0
- package/src/components/primitives/Stack.stories.tsx +39 -52
- package/src/components/primitives/{Stacks.ts → Stack.tsx} +2 -2
- package/src/components/primitives/View.stories.tsx +6 -5
- package/src/components/primitives/View.ts +1 -4
- package/src/components/primitives/__snapshots__/Center.stories.tsx.snap +37 -0
- package/src/components/primitives/__snapshots__/Stack.stories.tsx.snap +58 -297
- package/src/components/primitives/__snapshots__/View.stories.tsx.snap +4 -4
- package/src/components/primitives/__snapshots_web__/Center.stories.tsx.snap +32 -0
- package/src/components/primitives/__snapshots_web__/Stack.stories.tsx.snap +16 -155
- package/src/components/primitives/__snapshots_web__/View.stories.tsx.snap +2 -2
- package/src/components/typography/Typography.stories.tsx +5 -5
- package/src/components/typography/__snapshots__/Typography.stories.tsx.snap +20 -20
- package/src/components/typography/__snapshots_web__/Typography.stories.tsx.snap +56 -56
- package/src/core/BumperDecorator.tsx +1 -1
- package/src/index.ts +4 -2
- package/src/story-components/StorySection.tsx +5 -5
- package/src/story-components/StoryTitle.tsx +3 -3
- package/src/tamagui.config.ts +3 -1
- package/src/themes/__snapshots_web__/light.stories.tsx.snap +112 -112
- package/src/themes/light.stories.tsx +6 -6
- package/src/themes/light.ts +1 -1
- package/src/{themes → tokens}/palettes/__snapshots_web__/deepPurpleColorPalette.stories.tsx.snap +134 -134
- package/src/{themes → tokens}/palettes/deepPurpleColorPalette.stories.tsx +5 -5
- package/src/tokens/radius.ts +7 -0
- package/src/tokens/size.ts +12 -8
- package/src/tokens/space.ts +13 -13
- package/tsconfig.json +0 -1
- package/dist/definitions/components/primitives/Stacks.d.ts.map +0 -1
- /package/dist/definitions/{themes → tokens}/palettes/deepPurpleColorPalette.d.ts +0 -0
- /package/src/{themes → tokens}/palettes/__snapshots__/deepPurpleColorPalette.stories.tsx.snap +0 -0
- /package/src/{themes → tokens}/palettes/deepPurpleColorPalette.ts +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { Meta, StoryFn } from '@storybook/react';
|
|
2
2
|
import type { GetThemeValueForKey } from '@tamagui/core';
|
|
3
3
|
import { View } from '../../components/primitives/View';
|
|
4
4
|
import { Typography } from '../../components/typography/Typograhy';
|
|
@@ -14,19 +14,19 @@ const TokenView = ({ tokenName, tokenValue }: { tokenName: string; tokenValue: s
|
|
|
14
14
|
return (
|
|
15
15
|
<View
|
|
16
16
|
key={tokenName}
|
|
17
|
-
padding="$8"
|
|
18
|
-
borderBottomWidth=
|
|
17
|
+
padding="$space.8"
|
|
18
|
+
borderBottomWidth={2}
|
|
19
19
|
borderBottomColor="$border.base.mid"
|
|
20
20
|
backgroundColor="$bg.base.low.default"
|
|
21
21
|
>
|
|
22
22
|
<Typography.Text>{tokenName}</Typography.Text>
|
|
23
23
|
<Typography.Text>{tokenValue}</Typography.Text>
|
|
24
|
-
<View backgroundColor={tokenValue as GetThemeValueForKey<'backgroundColor'>} width="$20" height="$20" />
|
|
24
|
+
<View backgroundColor={tokenValue as GetThemeValueForKey<'backgroundColor'>} width="$size.20" height="$size.20" />
|
|
25
25
|
</View>
|
|
26
26
|
);
|
|
27
27
|
};
|
|
28
28
|
|
|
29
|
-
export const TypographyHeadingStory:
|
|
29
|
+
export const TypographyHeadingStory: StoryFn<typeof View> = () => (
|
|
30
30
|
<StorySection title="Palette">
|
|
31
31
|
{Object.entries(deepPurpleColorPalette).map(([tokenName, tokenValue]) => (
|
|
32
32
|
<TokenView key={tokenName} tokenName={tokenName} tokenValue={tokenValue} />
|
package/src/tokens/size.ts
CHANGED
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
export const sizeTokens = {
|
|
2
|
-
16: 16,
|
|
3
|
-
20: 20,
|
|
4
|
-
24: 24,
|
|
5
|
-
32: 32,
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
2
|
+
'size.16': 16,
|
|
3
|
+
'size.20': 20,
|
|
4
|
+
'size.24': 24,
|
|
5
|
+
'size.32': 32,
|
|
6
|
+
'size.48': 48,
|
|
7
|
+
'size.64': 64,
|
|
8
|
+
'size.80': 80,
|
|
9
|
+
'size.96': 96,
|
|
10
|
+
'size.120': 120,
|
|
11
|
+
'size.144': 144,
|
|
12
|
+
'size.176': 176,
|
|
13
|
+
'size.208': 208,
|
|
10
14
|
};
|
package/src/tokens/space.ts
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
export const spaceTokens = {
|
|
2
|
-
|
|
3
|
-
2: 2,
|
|
4
|
-
4: 4,
|
|
5
|
-
8: 8,
|
|
6
|
-
12: 12,
|
|
7
|
-
16: 16,
|
|
8
|
-
24: 24,
|
|
9
|
-
32: 32,
|
|
10
|
-
40: 40,
|
|
11
|
-
48: 48,
|
|
12
|
-
56: 56,
|
|
13
|
-
64: 64,
|
|
14
|
-
80: 80,
|
|
2
|
+
'space.none': 0,
|
|
3
|
+
'space.2': 2,
|
|
4
|
+
'space.4': 4,
|
|
5
|
+
'space.8': 8,
|
|
6
|
+
'space.12': 12,
|
|
7
|
+
'space.16': 16,
|
|
8
|
+
'space.24': 24,
|
|
9
|
+
'space.32': 32,
|
|
10
|
+
'space.40': 40,
|
|
11
|
+
'space.48': 48,
|
|
12
|
+
'space.56': 56,
|
|
13
|
+
'space.64': 64,
|
|
14
|
+
'space.80': 80,
|
|
15
15
|
};
|
package/tsconfig.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Stacks.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Stacks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AAC9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEhD,eAAO,MAAM,MAAM,iQAGjB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAElD,eAAO,MAAM,MAAM,iQAGjB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC"}
|
|
File without changes
|
/package/src/{themes → tokens}/palettes/__snapshots__/deepPurpleColorPalette.stories.tsx.snap
RENAMED
|
File without changes
|
|
File without changes
|