Commit Graph

71 Commits

Author SHA1 Message Date
Moshe
2d7b75b930 test(ui-components): title should be tag-like text (#51366) 2023-08-24 13:27:11 +05:30
Moshe
eed87b18e7 test(ui-components): inactive tab should be hidden (#51358) 2023-08-23 15:38:57 +03:00
Muhammed Mustafa
2688474816 feat: add missing properties in Col component (#51324) 2023-08-22 15:33:10 +03:00
Hankai Xia
239c928ee6 feat(ui-components): implement basic Tabs component (#47313)
Co-authored-by: Sboonny <muhammedelruby@gmail.com>
Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com>
2023-08-18 10:41:18 +02:00
Oliver Eyton-Williams
b778eb568d feat: generate types for ui-components (#51184) 2023-08-16 19:54:43 +05:30
Muhammed Mustafa
ff28ea0d13 feat: replace bootstrap component with container component (#51185) 2023-08-16 16:25:17 +03:00
Muhammed Mustafa
0fd22eba53 fix: dropdown svg margin that move the text from the center (#51187) 2023-08-09 11:29:27 +02:00
Muhammed Mustafa
86a6a7afea feat: make fluid an option in container component (#51172) 2023-08-07 11:58:28 +03:00
Muhammed Mustafa
bbe54e0716 feat: add col component (#51012)
Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>
2023-07-28 08:02:00 +02:00
Muhammed Mustafa
3ce5043595 feat(client): create row component (#50989)
Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
2023-07-19 12:52:26 +03:00
Muhammed Mustafa
cf33ff9760 feat(client): Add Container Component to Component Library (#50963)
Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
2023-07-18 10:31:06 +03:00
Ahmad Abdolsaheb
f3ab008f9d Revert "feat(client): add bootstrap grid component as container component" (#50962) 2023-07-13 11:44:55 +03:00
Muhammed Mustafa
323158569b feat(tools): clean unneeded code in the menu items (#50341) 2023-07-11 10:23:59 -05:00
Muhammed Mustafa
1d257e950e feat(client): add bootstrap grid component as container component (#49829) 2023-07-10 20:49:33 +07:00
Ahmad Abdolsaheb
eb22bc0a82 feat: use component library's dropdown component in learn (#50465)
Co-authored-by: Sboonny <muhammed@freecodecamp.org>
Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
Co-authored-by: Bruce Blaser <bbsmooth@gmail.com>
Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>
2023-06-22 09:21:05 -05:00
Jacques Metevier
1f9c1e9d21 chore(deps): upgrade eslint (#50614)
Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
2023-06-06 17:58:27 +02:00
Muhammed Mustafa
cc272beb7a feat(tools): use context to set dropup in the dropdown (#50200)
* feat(tools): use context to set dropup in the dropdown

* remove the extra export

* clean extra changes export and make it into arrow function

Co-authored-by: Huyen Nguyen <25715018+huyenltnguyen@users.noreply.github.com>

---------

Co-authored-by: Huyen Nguyen <25715018+huyenltnguyen@users.noreply.github.com>
2023-05-03 11:02:15 +02:00
Muhammed Mustafa
c93d61f1e5 feat(client, tools): make ui component respect theme (#50202)
Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
2023-04-28 12:44:12 +03:00
Moshe
21e5470220 feat(ui-tools): add dropDown component (#47043)
* Create a drop down menu

Co-authored-by: ahmad abdolsaheb <ahmad.abdolsaheb@gmail.com>
Co-authored-by: moshe vilner <shootermv@gmail.com>

hopefully sort the tests

hopefully sort the test this time

this time? I hope

test compound component

I give up

This reverts commit d88c6783cccf811c3c5dced0ab980adff0172669.

headless doesn't pass onclick to its buttons children

add the logical statment back

revert the removing the ability to click

sort the tests

fix a typo

* sort the tests

* rename to menu item

* let dropdown trigger accept children

* include dropdown and menu items in the exports

* polish the logic around setting the dropup style

* add tests

* fix: typo DropDown to Dropdown

* sort the styles

* sort the type and add bsStyle to dropdownToggle

* fix: types in button and menu items

* align text to center

* remove the bsstyle and block logic from dropdown

Co-authored-by: ahmad abdolsaheb <ahmad.abdolsaheb@gmail.com>

* add w-full to sort default button not taking all width

* move the styling dependecy away from dev

Co-authored-by: ahmad abdolsaheb <ahmad.abdolsaheb@gmail.com>

* stop the mutation

Co-authored-by: sembauke <semboot699@gmail.com>

* remove the extra story

---------

Co-authored-by: Sboonny <muhammedelruby@gmail.com>
Co-authored-by: Sboonny <muhammed@freecodecamp.org>
Co-authored-by: ahmad abdolsaheb <ahmad.abdolsaheb@gmail.com>
Co-authored-by: sembauke <semboot699@gmail.com>
2023-04-24 10:05:25 +02:00
Muhammed Mustafa
6b869ec375 feat(tools): add panel component (#49398)
* run panel gen code

* add the default style

* add tthe styles for the panel

* create context of bsStyle

* add panel heading

* add panel title

* add panel body

* create the story for the panel

* typo hiding the border

* border doesn't work for some reason

* only border-3 works in tailwind

* change for border-1 for better visual indication

* fix: bsStyle not applying to the panel

* add html props to the elements

* remove the info colors for our info colors

* fix heading style

* add Panel test

* use to have Class instead

* fix type

* component disregarding default attributes?

* remove duplication in the test

* use compound components

* clean the old logic for the bsStyle

* clean the exports

* add heading and bsstyle control

* fix the classes

* check for title body render

* remove extra types

---------

Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com>
2023-04-19 16:37:13 +02:00
Muhammed Mustafa
27c75679cd fix(tools): sort small issues in formControl (#49872) 2023-04-18 20:01:36 +05:30
Muhammed Mustafa
3988d426f5 feat(tools): remove system colors variables from colors.css (#49870) 2023-04-03 14:06:18 +05:30
Muhammed Mustafa
e3b25be4d9 chore(tools): create formgroup component (#46758)
Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com>
Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
2023-03-27 13:39:18 +05:30
Muhammed Mustafa
6c0f2d0998 fix(tools): FromControl disregard the default attributes (#49411)
Co-authored-by: ahmad abdolsaheb <ahmad.abdolsaheb@gmail.com>
2023-03-21 14:05:55 +05:30
Muhammed Mustafa
ea83d87869 feat(tools): export Alertprops if needed for consumption (#49236)
Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com>
2023-03-15 16:27:07 +03:00
Rajkumar Gaur
f03c4a2ecc feat(UI): implement ToggleButton component (#48567) 2023-03-15 14:08:58 +03:00
Mrugesh Mohapatra
0393910a24 fix(client): add return type to component (#49616) 2023-03-07 17:07:55 +00:00
Muhammed Mustafa
040faba6f8 feat(ui-components): add ControlLabel component (#47219) 2023-03-07 20:58:29 +05:30
Muhammed Mustafa
d1166f0a3a refactor(tools): import close button props and stop reassigning its value (#49235)
refactor(tools): import close button  props and stop reassigning its value
2023-02-18 08:18:40 -08:00
Oliver Eyton-Williams
4ff00922da refactor: fix hidden eslint errors (#49365)
* refactor: explicit types for validate

* refactor: explicit return types for ui-components

* refactor: use exec instead of match

* refactor: add lots more boundary types

* refactor: more eslint warnings

* refactor: more explicit exports

* refactor: more explicit types

* refactor: even more explicit types

* fix: relax type contrainsts for superblock-order

* refactor: final boundaries

* refactor: avoid using 'object' type

* fix: use named import for captureException

This uses TypeScript (which works) instead of import/namespace
(which doesn't) to check if captureException exists in sentry/gatsby
(it does)
2023-02-13 07:13:50 -08:00
Muhammed Mustafa
47ffd20f74 fix(client): add type to warn misuse of attributes in formControl (#48696)
* feat: add type to warn miss usage of attributes in formControl

Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>

* refactor the value type

Co-authored-by: sembauke <semboot699@gmail.com>

* add condition type for readyonly and onchange types

* warn when using readonly and onchange props together

Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com>

* allow value to be undefined

* Make read-only undefined

Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com>

---------

Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
Co-authored-by: sembauke <semboot699@gmail.com>
Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com>
2023-02-10 13:24:23 +00:00
Muhammed Mustafa
b35e8166c0 feat(tools): add system pallet to ui components color (#49125) 2023-01-27 10:45:21 -06:00
Jordan Moore
bfec58f744 test(UI): add tests to the table spec (#48823)
feat: add tests to table spec
2023-01-02 23:18:07 +05:30
Muhammed Mustafa
35c3a93a72 feat: add the ability to create a download button (#48697)
* feat: add the ability to create a download button

* Allow the creating of download button

* update test, and stories props
2022-12-16 08:57:39 -08:00
Ahmad Abdolsaheb
b1627abb2c fix(component-library): add color variables to css build (#48417) 2022-11-11 08:13:07 +02:00
Muhammed Mustafa
8a23a25707 feat(tools): FormContext link FormGroup with its children (#48356) 2022-11-04 14:20:45 +03:00
Jordan Moore
d5d03e078a feat(tools): Implement basic functionality of table component (#47263)
Co-authored-by: ahmad abdolsaheb <ahmad.abdolsaheb@gmail.com>
2022-11-02 14:20:10 +05:30
Ahmad Abdolsaheb
ebc69b1933 revert(tools): Flex and Spacer components - UI Components (#47964) 2022-10-10 16:34:10 +01:00
Sirasit Thitirattanakorn
17ba240313 feat(tools): Flex and Spacer components - UI Components (#47231)
* implement: flex and spacer components

* implement: Flex and Spacer components

* delete core.3149

Co-authored-by: Mrugesh Mohapatra <1884376+raisedadead@users.noreply.github.com>
2022-10-10 16:19:26 +03:00
Huyen Nguyen
92e496cbe9 feat(ui-components): create Link component (#46105)
* feat(ui-components): create Link component

* refactor(ui-components): replace color tokens
2022-05-23 16:38:13 +03:00
Huyen Nguyen
fa59d4a107 chore(ui-components): simplify color tokens (#45848)
* chore: rename color tokens

* chore: clean up hover tokens

* docs: add a note on colors usage
2022-05-09 16:28:25 +03:00
Huyen Nguyen
cf68bd0efd chore(ui-components): rename HelpBlock files to kebab-case (#45849) 2022-05-03 07:07:08 -07:00
saltedTofu
2cc13c322f fix(ui-components): disabled button behavior (#45739)
* fixed disabled button behavior

Changed disabled button to not have active styles

* Update tools/ui-components/src/button/button.tsx

Co-authored-by: Huyen Nguyen <25715018+huyenltnguyen@users.noreply.github.com>

* Update tools/ui-components/src/button/button.tsx

* Update tools/ui-components/src/button/button.tsx

Co-authored-by: Huyen Nguyen <25715018+huyenltnguyen@users.noreply.github.com>
2022-04-29 17:14:07 +03:00
Huyen Nguyen
86935fa59f feat(ui-components): add support for link to Button component (#45671)
* add active style

* add disable state

* add support for full-width

* add custom focus outline

* feat(ui-components): add support for link to Button component

* Add onClick action

* center content
2022-04-25 13:47:40 +03:00
Ahmad Abdolsaheb
3c4f671629 feat/add props form control (#45706)
* feat: add textarea variation to formControl

* feat/add-storybook-argtypes
2022-04-19 11:39:04 +03:00
Huyen Nguyen
d35c24af42 feat(ui-components): add states and full-width support to Button component (#45665)
* add active style

* add disable state

* add support for full-width

* add custom focus outline
2022-04-18 11:26:36 +03:00
Ahmad Abdolsaheb
e7577927df feat/create initial form control component (#45578)
* feat: form control initial structure

* feat: add form control feedback default styles.

* feat: add initial form control static styles

* feat: add initial form-control styles

* feat: add initial stories

* feat: readjust styles
2022-04-01 14:03:54 +03:00
Huyen Nguyen
791b8b527b feat(ui-components): add info variant and hover state to Button component (#45541)
* add info variant

* add styling for hover state

* feat: add info variant

Co-authored-by: ahmad abdolsaheb <ahmad.abdolsaheb@gmail.com>
2022-03-31 21:54:06 +03:00
Ismail Tlemcani
ed66e5d01c feat(tools): add helpblock component (#45399)
* feat: add helpblock component

* fix: clean up

* Update tools/ui-components/src/helpblock/helpblock.stories.tsx

Co-authored-by: Ismail Tlemcani <ismail.tlemcani@gmail.com>
Co-authored-by: ahmad abdolsaheb <ahmad.abdolsaheb@gmail.com>
2022-03-31 15:20:44 +03:00
Huyen Nguyen
06a1aa39b2 chore(ui-components): minor adjustments in Button component (#45480) 2022-03-23 11:23:26 +03:00