Wahyu Kurniawan
14e7d8e05b
♻️ refactor: change InterDisplay to inter Display and inter-display to `display
2024-02-27 21:15:43 +07:00
Wahyu Kurniawan
c575df9392
🔧 chore: update yarn.lock
2024-02-27 21:02:40 +07:00
Wahyu Kurniawan
f6a0f788f5
🎨 style: add font InterDisplay to tailwind
2024-02-27 21:02:17 +07:00
Wahyu Kurniawan
0c3802a976
🔧 chore: add InterDisplay font families
2024-02-27 21:01:53 +07:00
Wahyu Kurniawan
c731dd308c
[T-4840: feat] Dropdown/select component ( #108 )
...
* 🎨 style: adjust z index of the date picker popover
* 🎨 style: add new spacing and rename box shadow from calendar to dropdown
* 🐛 fix: console error becasue button inside button
* ♻️ refactor: rename shadow calendar to shador dropdown on calendar component
* 🚀 perf: remove vscode settings inside `packages/frontend`
* ⚡ ️ feat: create check radio icon and chevron down icon component
* 🔧 chore: install `downshift`
* ⚡ ️ feat: create select component
* 🎨 style: adjust the popover position based on the user screen
* ⚡ ️ feat: separate select item to be a component
* ⚡ ️ feat: separate select value to be a component
* ♻️ refactor: adjust style and refactor to a new component
* ⚡ ️ feat: create a type for merge two interface but keep the last value
* 🐛 fix: forward ref the component to fix console error
* ⚡ ️ feat: add `hideValues` prop to hide the values when on multiple
* 🐛 fix: no result not showing
* ⚡ ️ feat: make the select to be controller component
* ♻️ refactor: remove console log
* ♻️ refactor: update pr review
2024-02-27 12:05:16 +07:00
Wahyu Kurniawan
12fba5ee0c
[T-4845: feat] Date picker component ( #97 )
...
* ⚡ ️ feat: create calendar icon for date picker
* ⚡ ️ feat: create date picker component
* 📝 docs: add date picker to the example page
* 🔧 chore: install `@radix-ui/react-popover`
2024-02-23 10:22:33 +07:00
Wahyu Kurniawan
9b6c777f5f
[T-4865: feat] Segmented controls component ( #91 )
...
* ⚡ ️ feat: create segmented controls component
* 📝 docs: add segmented controls component to example page
* ♻️ refactor: put the icon size to icon theme
* 🐛 fix: remove `value` from `useCallback` dependency
2024-02-23 10:20:08 +07:00
Wahyu Kurniawan
7d1810ebd9
[T-4866: feat] Switch component ( #92 )
...
* ⚡ ️ feat: create switch component
* 📝 docs: add switch to the example page
* 🔧 chore: install `@radix-ui/react-switch`
* 🎨 style: add inset shadow
* 🎨 style: addjust input outline when error and focus
2024-02-22 17:42:13 +07:00
Wahyu Kurniawan
d2ca4df35a
[T-4864: feat] Radio component ( #90 )
...
* 🎨 style: make the cursor of the tab trigger wrapper to default
* ⚡ ️ feat: create radio component
* 📝 docs: add radio component to the example page
* 🔧 chore: install `@radix-ui/react-radio-group`
2024-02-22 17:30:33 +07:00
Wahyu Kurniawan
496404195c
Merge branch 'main' of https://github.com/snowball-tools/snowballtools-base into andrehadianto/design-system-components
2024-02-22 12:45:17 +07:00
Wahyu Kurniawan
9dec48d67c
♻️ refactor: add disabled button example page
2024-02-22 12:24:25 +07:00
Wahyu Kurniawan
6df094bf2e
[T-4861: feat] Inline notification component ( #86 )
...
* ⚡ ️ feat: create info square icon component
* ⚡ ️ feat: create inline notification component
* 📝 docs: add js doc comment and add inline notification component to the example page
* 🐛 fix: use the right method of `useCallback
2024-02-22 10:45:19 +07:00
Wahyu Kurniawan
eb6a727425
[T-4862: feat] Link component ( #88 )
2024-02-22 09:17:22 +07:00
Wahyu Kurniawan
ea44efa0f2
[T-4867: feat] Horizontal and vertical tabs component ( #84 )
...
* ⚡ ️ feat: create tabs component
* ♻️ refactor: avoid big conflict on the example page
* 🔧 chore: upgrade tailwindcss and install `@radix-ui/react-tabs`
* ⚡ ️ feat: create globe icon component
* 🎨 style: adjust vertical tab theme
* 📝 docs: add vertical tabs to the example page
2024-02-21 16:13:16 +07:00
Wahyu Kurniawan
c8f1c58507
Merge pull request #81 from snowball-tools/ayungavis/T-4837-badge
...
[T-4837: feat] Badge component
2024-02-20 23:42:56 +07:00
Wahyu Kurniawan
83508cd81d
Merge branch 'andrehadianto/design-system-components' of https://github.com/snowball-tools/snowballtools-base into ayungavis/T-4837-badge
2024-02-20 23:38:35 +07:00
Wahyu Kurniawan
76c59e2c58
Merge pull request #80 from snowball-tools/ayungavis/T-4838-checkbox
...
[T-4838: feat] Checkbox component
2024-02-20 23:37:30 +07:00
Wahyu Kurniawan
a5bce0cda2
🎨 style: adjust disabled hover text color
2024-02-20 23:34:20 +07:00
Wahyu Kurniawan
3a085a79ae
Merge branch 'andrehadianto/design-system-components' of https://github.com/snowball-tools/snowballtools-base into ayungavis/T-4838-checkbox
2024-02-20 23:29:18 +07:00
Wahyu Kurniawan
abfe6a523c
Merge pull request #79 from snowball-tools/ayungavis/T-4842-datepicker
...
[T-4842: feat] Calendar component
2024-02-20 23:26:38 +07:00
Wahyu Kurniawan
f764bea6d1
📝 docs: add badge to the example page
2024-02-20 23:26:04 +07:00
Wahyu Kurniawan
cc9c24cca1
🎨 style: add new font sizes
2024-02-20 23:26:04 +07:00
Wahyu Kurniawan
e482f998a1
⚡ ️ feat: create badge comopnent
2024-02-20 23:26:04 +07:00
Wahyu Kurniawan
b255078431
📝 docs: add checkbox to example component page
2024-02-20 23:25:19 +07:00
Wahyu Kurniawan
26260976fb
⚡ ️ feat: create check icon for checkbox component
2024-02-20 23:25:19 +07:00
Wahyu Kurniawan
5e3a6ad2b5
⚡ ️ feat: create checkbox component
2024-02-20 23:25:19 +07:00
Wahyu Kurniawan
f31ee7349f
🔧 chore: install @radix-ui/react-checkbox
2024-02-20 23:25:19 +07:00
Wahyu Kurniawan
5c5d759c10
♻️ refactor: fix typo and change to readable name
2024-02-20 23:24:28 +07:00
Wahyu Kurniawan
dc6bf3794a
⚡ ️ feat: add interaction on the example page
2024-02-20 23:24:28 +07:00
Wahyu Kurniawan
af0d28e654
🎨 style: add new shadows
2024-02-20 23:24:27 +07:00
Wahyu Kurniawan
4f7f9cf914
📝 docs: add calendar component to the example page
2024-02-20 23:24:27 +07:00
Wahyu Kurniawan
ad7dd1920a
⚡ ️ feat: create calendar component
2024-02-20 23:24:27 +07:00
Wahyu Kurniawan
cc97ddff9d
⚡ ️ feat: create chevron left, right, and grabbed horizontal component
2024-02-20 23:24:27 +07:00
Wahyu Kurniawan
0a5a1b8c55
🔧 chore: add vscode settings to enable tailwind variant intellisense
2024-02-20 23:24:27 +07:00
Wahyu Kurniawan
4f2944a974
🔧 chore: install date-fns and react-calendar
2024-02-20 23:24:26 +07:00
Wahyu Kurniawan
69198307fb
Merge pull request #77 from snowball-tools/ayungavis/T-4834-button
...
[T-4834: feat] Button component
2024-02-20 23:23:38 +07:00
Wahyu Kurniawan
0f7c6c73c9
⚡ ️ feat: make the button component to forward ref
2024-02-20 22:59:31 +07:00
Wahyu Kurniawan
2ac657c32e
🎨 style: add new spacing
2024-02-19 21:16:55 +07:00
Wahyu Kurniawan
943d427db1
📝 docs: add button icon only on component example
2024-02-19 21:16:39 +07:00
Wahyu Kurniawan
7e6b74208d
⚡ ️ feat: create cloneIcon util function
2024-02-19 21:16:17 +07:00
Wahyu Kurniawan
2b78cab849
⚡ ️ feat: create custom icon and plus icon component
2024-02-19 21:15:51 +07:00
Wahyu Kurniawan
862862a9c5
🎨 style: update button and button icon only theme
2024-02-19 21:15:29 +07:00
Wahyu Kurniawan
6a3af491ca
Merge branch 'andrehadianto/design-system-components' of https://github.com/snowball-tools/snowballtools-base into ayungavis/T-4834-button
2024-02-19 20:20:31 +07:00
Wahyu Kurniawan
92f7d07f3f
🔧 chore: install tailwind-variants and @fontsource/inter
2024-02-19 20:16:25 +07:00
Wahyu Kurniawan
6fb94aeb11
🔧 chore: add absolute path
2024-02-19 20:15:56 +07:00
Wahyu Kurniawan
1c848c5a89
🎨 style: add inter font family
2024-02-19 20:15:32 +07:00
Wahyu Kurniawan
17b5ff9a74
🎨 style: add colors, font family, and shadow
2024-02-19 20:14:49 +07:00
Wahyu Kurniawan
56adfc4806
🐛 fix: typescript error
2024-02-19 20:14:23 +07:00
Wahyu Kurniawan
b51d050ee6
📝 docs: add button to the example comopnent pag
2024-02-19 20:13:56 +07:00
Wahyu Kurniawan
8021ff7ff9
🔧 chore: add vscode settings on frontend package
2024-02-19 20:13:36 +07:00
Wahyu Kurniawan
e850435c2d
⚡ ️ feat: create button component
2024-02-19 20:13:11 +07:00
Wahyu Kurniawan