A design system in a box. hip-ui.tngl.io/docs/introduction
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

tweak

+4 -6
+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
··· 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,