A design system in a box.
hip-ui.tngl.io/docs/introduction
tweak
+4
-6
+2
-3
apps/docs/src/components/segmented-control/index.tsx
+2
-3
apps/docs/src/components/segmented-control/index.tsx
···
53
53
borderRadius: radius.md,
54
54
},
55
55
large: {
56
-
borderRadius: radius.xl,
56
+
borderRadius: radius.md,
57
57
},
58
58
/* eslint-disable @stylexjs/sort-keys -- toggle item layout order */
59
59
item: {
···
61
61
textBoxEdge: "cap alphabetic",
62
62
// eslint-disable-next-line @stylexjs/valid-styles
63
63
textBoxTrim: "trim-both",
64
-
borderRadius: radius.lg,
65
64
borderWidth: 0,
66
65
67
66
cornerShape: "squircle",
···
98
97
},
99
98
/* eslint-enable @stylexjs/sort-keys */
100
99
selectionIndicator: {
101
-
borderRadius: radius.lg,
100
+
borderRadius: radius.md,
102
101
103
102
cornerShape: "squircle",
104
103
backgroundColor: uiColor.bgSubtle,
+2
-3
packages/hip-ui/src/components/segmented-control/index.tsx
+2
-3
packages/hip-ui/src/components/segmented-control/index.tsx
···
53
53
borderRadius: radius.md,
54
54
},
55
55
large: {
56
-
borderRadius: radius.xl,
56
+
borderRadius: radius.md,
57
57
},
58
58
/* eslint-disable @stylexjs/sort-keys -- toggle item layout order */
59
59
item: {
···
61
61
textBoxEdge: "cap alphabetic",
62
62
// eslint-disable-next-line @stylexjs/valid-styles
63
63
textBoxTrim: "trim-both",
64
-
borderRadius: radius.lg,
65
64
borderWidth: 0,
66
65
67
66
cornerShape: "squircle",
···
98
97
},
99
98
/* eslint-enable @stylexjs/sort-keys */
100
99
selectionIndicator: {
101
-
borderRadius: radius.lg,
100
+
borderRadius: radius.md,
102
101
103
102
cornerShape: "squircle",
104
103
backgroundColor: uiColor.bgSubtle,