Skip to content

Commit

Permalink
feat: typescript iterations (squashed commits)
Browse files Browse the repository at this point in the history 
v4.0.0-alpha.0

feat: add new icon set (#862)

Signed-off-by: Paul-Xavier Ceccaldi <pix@wttj.co>

fix: icons reordering (#863)

Signed-off-by: Paul-Xavier Ceccaldi <pix@wttj.co>

v4.0.0-alpha.1

v4.0.0-alpha.2

feat: typescript (#854)

* feat: init typescript

* chore: fix shouldForwardProp types for <Box />

* chore: convert <Tag />

* chore: convert <Badge />

* fix: remove ts-ignore

* chore: add types declaration for Badge & Tag

* fix: typo

* fix: tests

* fix: lint

* fix: badge component

* feat: accordion component

* chore: convert <Button />

* fix: button component

* feat: add WuiProps on @welcome-ui/system

* fix: replace SystemProps by WuiProps on button

* feat: convert <Text />

* feat: convert <VariantIcon />

* feat: convert <Hint />

* feat: convert <Table />

* feat: convert <Label />

* feat: convert <UniversalLink />

* feat: convert <Link />

* feat: stack to typescropt (#860)

* feat: stack to typescropt

* fix: missing converted files & wrong types

* feat: convert <Textarea />

* feat: convert <Checkbox />

* fix: textarea type

* chore: convert Modal to TS

* feat: convert <ClearButton />

* Chore upgrade xstyled v3 (#858)

* chore: upgrade styled-components to v 5.3.0

styled-components
  * @welcome-ui/accordion: ^5.2.1 → 5.3.0
  * @welcome-ui/alert: ^5.2.1 → 5.3.0
  * @welcome-ui/avatar: ^5.2.1 → 5.3.0
  * @welcome-ui/badge: ^5.2.1 → 5.3.0
  * @welcome-ui/box: ^5.2.1 → 5.3.0
  * @welcome-ui/breadcrumb: ^5.2.1 → 5.3.0
  * @welcome-ui/button: ^5.2.1 → 5.3.0
  * @welcome-ui/card: ^5.2.1 → 5.3.0
  * @welcome-ui/checkbox: ^5.2.1 → 5.3.0
  * @welcome-ui/clear-button: ^5.2.1 → 5.3.0
  * @welcome-ui/connected-field: ^5.2.1 → 5.3.0
  * @welcome-ui/core: ^5.2.1 → 5.3.0
  * @welcome-ui/date-picker: ^5.2.1 → 5.3.0
  * @welcome-ui/date-time-picker: ^5.2.1 → 5.3.0
  * @welcome-ui/date-time-picker-common: ^5.2.1 → 5.3.0
  * @welcome-ui/drawer: ^5.2.1 → 5.3.0
  * @welcome-ui/dropdown-menu: ^5.2.1 → 5.3.0
  * @welcome-ui/emoji: ^5.2.1 → 5.3.0
  * @welcome-ui/emoji-picker: ^5.2.1 → 5.3.0
  * @welcome-ui/field: ^5.2.1 → 5.3.0
  * @welcome-ui/field-group: ^5.2.1 → 5.3.0
  * @welcome-ui/file-drop: ^5.2.1 → 5.3.0
  * @welcome-ui/file-upload: ^5.2.1 → 5.3.0
  * @welcome-ui/group: ^5.2.1 → 5.3.0
  * @welcome-ui/hint: ^5.2.1 → 5.3.0
  * @welcome-ui/icon: ^5.2.1 → 5.3.0
  * @welcome-ui/icons.font: ^5.2.1 → 5.3.0
  * @welcome-ui/input-text: ^5.2.1 → 5.3.0
  * @welcome-ui/label: ^5.2.1 → 5.3.0
  * @welcome-ui/link: ^5.2.1 → 5.3.0
  * @welcome-ui/loader: ^5.2.1 → 5.3.0
  * @welcome-ui/markdown-editor: ^5.2.1 → 5.3.0
  * @welcome-ui/modal: ^5.2.1 → 5.3.0
  * @welcome-ui/pagination: ^5.2.1 → 5.3.0
  * @welcome-ui/picker: ^5.2.1 → 5.3.0
  * @welcome-ui/popover: ^5.2.1 → 5.3.0
  * @welcome-ui/radio: ^5.2.1 → 5.3.0
  * @welcome-ui/radio-group: ^5.2.1 → 5.3.0
  * @welcome-ui/radio-tab: ^5.2.1 → 5.3.0
  * @welcome-ui/search: ^5.2.1 → 5.3.0
  * @welcome-ui/select: ^5.2.1 → 5.3.0
  * @welcome-ui/shape: ^5.2.1 → 5.3.0
  * @welcome-ui/stack: ^5.2.1 → 5.3.0
  * @welcome-ui/swiper: ^5.2.1 → 5.3.0
  * @welcome-ui/system: ^5.2.1 → 5.3.0
  * @welcome-ui/table: ^5.2.1 → 5.3.0
  * @welcome-ui/tabs: ^5.2.1 → 5.3.0
  * @welcome-ui/tag: ^5.2.1 → 5.3.0
  * @welcome-ui/text: ^5.2.1 → 5.3.0
  * @welcome-ui/textarea: ^5.2.1 → 5.3.0
  * @welcome-ui/time-picker: ^5.2.1 → 5.3.0
  * @welcome-ui/toast: ^5.2.1 → 5.3.0
  * @welcome-ui/toggle: ^5.2.1 → 5.3.0
  * @welcome-ui/tooltip: ^5.2.1 → 5.3.0
  * @welcome-ui/universal-link: ^5.2.1 → 5.3.0
  * @welcome-ui/utils: ^5.2.1 → 5.3.0
  * @welcome-ui/utils.copy: ^5.2.1 → 5.3.0
  * @welcome-ui/variant-icon: ^5.2.1 → 5.3.0

* chore: upgrade @xstyled-styled-components to v 3.0.1

@xstyled/styled-components
  * @welcome-ui/accordion: ^2.2.3 → ^3.0.1
  * @welcome-ui/alert: ^2.2.3 → ^3.0.1
  * @welcome-ui/avatar: ^2.2.3 → ^3.0.1
  * @welcome-ui/box: ^2.2.3 → ^3.0.1
  * @welcome-ui/breadcrumb: ^2.2.3 → ^3.0.1
  * @welcome-ui/button: ^2.2.3 → ^3.0.1
  * @welcome-ui/card: ^2.2.3 → ^3.0.1
  * @welcome-ui/checkbox: ^2.2.3 → ^3.0.1
  * @welcome-ui/clear-button: ^2.2.3 → ^3.0.1
  * @welcome-ui/core: ^2.2.3 → ^3.0.1
  * @welcome-ui/date-picker: ^2.2.3 → ^3.0.1
  * @welcome-ui/date-time-picker: ^2.2.3 → ^3.0.1
  * @welcome-ui/date-time-picker-common: ^2.2.3 → ^3.0.1
  * @welcome-ui/drawer: ^2.2.3 → ^3.0.1
  * @welcome-ui/dropdown-menu: ^2.2.3 → ^3.0.1
  * @welcome-ui/emoji-picker: ^2.2.3 → ^3.0.1
  * @welcome-ui/field: ^2.2.3 → ^3.0.1
  * @welcome-ui/field-group: ^2.2.3 → ^3.0.1
  * @welcome-ui/file-drop: ^2.2.3 → ^3.0.1
  * @welcome-ui/file-upload: ^2.2.3 → ^3.0.1
  * @welcome-ui/group: ^2.2.3 → ^3.0.1
  * @welcome-ui/hint: ^2.2.3 → ^3.0.1
  * @welcome-ui/icon: ^2.2.3 → ^3.0.1
  * @welcome-ui/icons.font: ^2.2.3 → ^3.0.1
  * @welcome-ui/input-text: ^2.2.3 → ^3.0.1
  * @welcome-ui/label: ^2.2.3 → ^3.0.1
  * @welcome-ui/link: ^2.2.3 → ^3.0.1
  * @welcome-ui/loader: ^2.2.3 → ^3.0.1
  * @welcome-ui/markdown-editor: ^2.2.3 → ^3.0.1
  * @welcome-ui/modal: ^2.2.3 → ^3.0.1
  * @welcome-ui/pagination: ^2.2.3 → ^3.0.1
  * @welcome-ui/picker: ^2.2.3 → ^3.0.1
  * @welcome-ui/popover: ^2.2.3 → ^3.0.1
  * @welcome-ui/radio: ^2.2.3 → ^3.0.1
  * @welcome-ui/radio-group: ^2.2.3 → ^3.0.1
  * @welcome-ui/radio-tab: ^2.2.3 → ^3.0.1
  * @welcome-ui/search: ^2.2.3 → ^3.0.1
  * @welcome-ui/select: ^2.2.3 → ^3.0.1
  * @welcome-ui/shape: ^2.2.3 → ^3.0.1
  * @welcome-ui/stack: ^2.2.3 → ^3.0.1
  * @welcome-ui/swiper: ^2.2.3 → ^3.0.1
  * @welcome-ui/system: ^2.2.3 → ^3.0.1
  * @welcome-ui/table: ^2.2.3 → ^3.0.1
  * @welcome-ui/tabs: ^2.2.3 → ^3.0.1
  * @welcome-ui/tag: ^2.2.3 → ^3.0.1
  * @welcome-ui/text: ^2.2.3 → ^3.0.1
  * @welcome-ui/textarea: ^2.2.3 → ^3.0.1
  * @welcome-ui/time-picker: ^2.2.3 → ^3.0.1
  * @welcome-ui/toast: ^2.2.3 → ^3.0.1
  * @welcome-ui/toggle: ^2.2.3 → ^3.0.1
  * @welcome-ui/tooltip: ^2.2.3 → ^3.0.1
  * @welcome-ui/universal-link: ^2.2.3 → ^3.0.1
  * @welcome-ui/utils: ^2.2.3 → ^3.0.1
  * @welcome-ui/variant-icon: ^2.2.3 → ^3.0.1

* fix: styled-components version with ^

Signed-off-by: Paul-Xavier Ceccaldi <pix@wttj.co>

* chore: upgrade @xstyled/system to v3.0.1

@xstyled/system
  * @welcome-ui/accordion: ^2.2.3 → ^3.0.1
  * @welcome-ui/alert: ^2.2.3 → ^3.0.1
  * @welcome-ui/avatar: ^2.2.3 → ^3.0.1
  * @welcome-ui/breadcrumb: ^2.2.3 → ^3.0.1
  * @welcome-ui/button: ^2.2.3 → ^3.0.1
  * @welcome-ui/card: ^2.2.3 → ^3.0.1
  * @welcome-ui/checkbox: ^2.2.3 → ^3.0.1
  * @welcome-ui/clear-button: ^2.2.3 → ^3.0.1
  * @welcome-ui/core: ^2.2.3 → ^3.0.1
  * @welcome-ui/date-time-picker: ^2.2.3 → ^3.0.1
  * @welcome-ui/date-time-picker-common: ^2.2.3 → ^3.0.1
  * @welcome-ui/drawer: ^2.2.3 → ^3.0.1
  * @welcome-ui/emoji-picker: ^2.2.3 → ^3.0.1
  * @welcome-ui/field: ^2.2.3 → ^3.0.1
  * @welcome-ui/field-group: ^2.2.3 → ^3.0.1
  * @welcome-ui/file-drop: ^2.2.3 → ^3.0.1
  * @welcome-ui/hint: ^2.2.3 → ^3.0.1
  * @welcome-ui/icon: ^2.2.3 → ^3.0.1
  * @welcome-ui/icons.font: ^2.2.3 → ^3.0.1
  * @welcome-ui/input-text: ^2.2.3 → ^3.0.1
  * @welcome-ui/label: ^2.2.3 → ^3.0.1
  * @welcome-ui/link: ^2.2.3 → ^3.0.1
  * @welcome-ui/loader: ^2.2.3 → ^3.0.1
  * @welcome-ui/markdown-editor: ^2.2.3 → ^3.0.1
  * @welcome-ui/modal: ^2.2.3 → ^3.0.1
  * @welcome-ui/pagination: ^2.2.3 → ^3.0.1
  * @welcome-ui/picker: ^2.2.3 → ^3.0.1
  * @welcome-ui/popover: ^2.2.3 → ^3.0.1
  * @welcome-ui/radio: ^2.2.3 → ^3.0.1
  * @welcome-ui/search: ^2.2.3 → ^3.0.1
  * @welcome-ui/select: ^2.2.3 → ^3.0.1
  * @welcome-ui/stack: ^2.2.3 → ^3.0.1
  * @welcome-ui/swiper: ^2.2.3 → ^3.0.1
  * @welcome-ui/system: ^2.2.3 → ^3.0.1
  * @welcome-ui/table: ^2.2.3 → ^3.0.1
  * @welcome-ui/tag: ^2.2.3 → ^3.0.1
  * @welcome-ui/text: ^2.2.3 → ^3.0.1
  * @welcome-ui/textarea: ^2.2.3 → ^3.0.1
  * @welcome-ui/toast: ^2.2.3 → ^3.0.1
  * @welcome-ui/toggle: ^2.2.3 → ^3.0.1
  * @welcome-ui/tooltip: ^2.2.3 → ^3.0.1
  * @welcome-ui/utils: ^2.2.3 → ^3.0.1
  * @welcome-ui/variant-icon: ^2.2.3 → ^3.0.1

* fix: tests

Signed-off-by: Paul-Xavier Ceccaldi <pix@wttj.co>

* fix: use Box from welcome-ui

Signed-off-by: Paul-Xavier Ceccaldi <pix@wttj.co>

* fix: mjs files

Signed-off-by: Paul-Xavier Ceccaldi <pix@wttj.co>
Signed-off-by: Guillaume Rousseau <guillaume.rousseau@wttj.co>
Signed-off-by: Mick Le Ralec<mickael.leralec@wttj.co>

* fix: widths in percentage using a value between 0 and 1

Signed-off-by: Paul-Xavier Ceccaldi <pix@wttj.co>

* fix: remove mjs config as we no longer have mjs files

Signed-off-by: Paul-Xavier Ceccaldi <pix@wttj.co>

* fix: yarn.lock

Signed-off-by: Paul-Xavier Ceccaldi <pix@wttj.co>

* feat: convert <InputText />

* feat: convert <Toggle />

* fix: remove welcomeUI from checkbox styles type

* chore: convert Tooltip

* chore: type colors/underline theme values

* fix: clearButton type

* fix: toggle type

* feat: convert @welcome-ui/utils

* fix: revert Core for tests

* fix: tests

* feat: convert Core

* feat: convert Core

* fix: export core

* chore: add theme for tags

* chore: add theme for tooltips

* chore: add theme for checkboxes

* chore: add theme for defaultFields

* chore: add theme for modal

* chore: add theme for toggle

* chore: add theme for hint

* chore: add theme for accordion/icons

* chore: add theme for links

* chore: add theme for table

* chore: add theme for fields

* chore: add theme for missing packages

* fix: remove ts-ignore on core

* feat: convert Emoji (#861)

* feat: convert Emoji

* fix: convert Emoji rollback prettier upgrade

* fix: import WuiProps from Wui system

* fix: line breaks in Emoji func

* fix: use react FC instead of jsx element

* fix: updates tsconfig.json with root directory

* fix: broken yarn start

* chore: tsconfig faster (#864)

* chore: add missing options on tsConfig for :sonic:

* fix: add tsconfig.build.json

* fix: extends default tsconfig

* chore: refactor

* feat: typescript shape and loader components (#859)

* feat: convertion of Shape and Loader to typescript

* fix: add of wuiProps. npmignore

* fix: fpascal case types & generic size type

* fix: remove useless SystemProps

* fix: remove useless WuiProps & updated to typescript test files

Co-authored-by: Duarte <duarte.paradela@wttj.co>

* fix: bump aws-s3 orb version (#871)

* feat: typescript on Avatar component (#865)

* feat: typescript on Breadcrumb component (#866)

* feat: typescript on Card component (#867)

* chore: add test props on WuiProps (#870)

* chore: add test props inside WuiProps

* chore: remove useless props

* feat: alert to typescript (#868)

* feat: alert to typescript

* fix: remove useless dataTestId type

* feat: utils.copy to typescript (#873)

* feat: utils.copy to typescript

* fix: use | operator for targeted element in refObject

Co-authored-by: cnairiwttj <camille.nairi@wttj.co>
Co-authored-by: guillaumewttj <61152048+guillaumewttj@users.noreply.github.com>
Co-authored-by: Robert Douglas <robert@wttj.co>
Co-authored-by: Paul-Xavier Ceccaldi <pix@wttj.co>
Co-authored-by: cnairiwttj <86954832+cnairiwttj@users.noreply.github.com>
Co-authored-by: DuarteParadela <72656743+DuarteParadela@users.noreply.github.com>
Co-authored-by: Duarte <duarte.paradela@wttj.co>
Co-authored-by: Théo Mesnil <50322149+theo-mesnil@users.noreply.github.com>

fix: rebase (#872)

chore: export custom props & full props from components (#877)

v4.0.0-alpha.3

feat: convert Drawer to TS (#876)

* feat: convert Drawer to TS

* fix: types export due to rebase & WuiProps added to Drawer

* fix: remove WuiProps since ClearButtonProps implements it

feat: dropdown menu to TS (#879)

feat: typescript on Pagination component (#874)

* chore: update github codeowners (#869)

* chore: update github codeowners

* Update CODEOWNERS

* feat: typescript on Pagination component

feat: convert icon to TS (#881)

* feat: convert icon to TS

* feat: convert icon.font to TS (#882)

feat: typescript on Group component (#885)

* feat: typescript on Group component

* fix: wrong name on packages

fix: launch webfont on build before building core (#901)

Signed-off-by: Paul-Xavier Ceccaldi <pix@wttj.co>

v4.0.0-alpha.4

docs: add upgrade for v4 (#894)

* feat: add upgrade doc for v4

* docs: fix typo

feat: add original emoji size when above 64px (#893)

feat: typescript on Files util (#892)

* feat: typescript on Files util

* feat: get better types

feat: typescript on RadioTab component (#890)

feat: typescript on FieldGroup component (#889)

feat: typescript on Radio component (#888)

fix: build file package (#904)

* fix: build on files package

* fix: refacto

Feat add new icon set (#907)

* fix: remove duplicate pen icon

Signed-off-by: Paul-Xavier Ceccaldi <pix@wttj.co>

* feat: add unavailable icon

Signed-off-by: Paul-Xavier Ceccaldi <pix@wttj.co>

* feat: add new icon set

Signed-off-by: Paul-Xavier Ceccaldi <pix@wttj.co>

* fix: change screenshare off and on icons

Signed-off-by: Paul-Xavier Ceccaldi <pix@wttj.co>

* fix: add new icon webfont

Signed-off-by: Paul-Xavier Ceccaldi <pix@wttj.co>

* fix: when adding icons with yarn icons, don't checkout builded icon font

Signed-off-by: Paul-Xavier Ceccaldi <pix@wttj.co>

v4.0.0-alpha.5

feat: toast to TS (#886)

feat: tabs to TS (#880)

* feat: tabs to TS

* fix: wrong types file configuration on package.json of many packages

Enhance package.json (#910)

* fix: remove useless checkout on ignored files

Signed-off-by: Paul-Xavier Ceccaldi <pix@wttj.co>

* fix: when running yarn:icons, deploy newly built webfont to s3

Signed-off-by: Paul-Xavier Ceccaldi <pix@wttj.co>

* fix: don't auto deploy tags on prod

Signed-off-by: Paul-Xavier Ceccaldi <pix@wttj.co>

fix: remove git ignored files (#913)

Signed-off-by: Paul-Xavier Ceccaldi <pix@wttj.co>

Upgrade linter (#911)

* fix: upgrade prettier to handle optionnal chaining in typescript

* fix: autofix by linter

feat: typescript icons (#914)

* feat: config/script files

* fix: typo

* chore: remove icons/**/index.js file

* fix: lint with new rules

* feat: icons with declaration file

feat: build without ts plugin & add build:types script (#919)

* feat: build without ts plugin

* fix: typo

* fix: remove useless files [ci-skip]

* chore: upgrade typescript version

* chore: upgrade prettier to support typescript 4.4 (#920)

Co-authored-by: guillaumewttj <61152048+guillaumewttj@users.noreply.github.com>

feat: typescript on RadioGroup component (#905)

fix: lint:ts script (#925)

feat: typescript on Field Component (#898)

* feat: typescript on Field Component

* fix: diverse review fixes

* fix: add es2016 to compilerOptions target

* fix: add dom and esnext to global tsconfig

* fix: rm workaround in InputText and Field tsconfig

* fix: rm InputText useless types

* fix: field types + types script in package

feat: swiper to TS (#883)

* feat: swiper to TS

* fix: remove immutable support & fix reactNode to react.reactNode

* fix: add tsconfig

* fix: update scripts
  • Loading branch information
@P1X3L @theo-mesnil
P1X3L authored and theo-mesnil committed Oct 28, 2021
1 parent 38bd107 commit fe2e897
Show file tree
Hide file tree
Showing 1,794 changed files with 14,445 additions and 7,644 deletions.
2 changes: 1 addition & 1 deletion .circleci/config.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@ jobs:
command: |
if [[ -z "$CIRCLE_BRANCH" ]]; then
echo 'export BRANCH=master' >> $BASH_ENV
else
else
echo 'export BRANCH=$CIRCLE_BRANCH' >> $BASH_ENV
fi
echo "export ICON_FONT_HASH=$(sha1sum packages/IconFont/fonts/welcome-icon-font.woff | awk '{ print $1 }')" >> $BASH_ENV
Expand Down
2 changes: 1 addition & 1 deletion .eslintignore
View file
Original file line number Diff line number Diff line change
@@ -1,2 +1,2 @@
**/node_modules/**
**/dist/**
**/dist/**
26 changes: 25 additions & 1 deletion .eslintrc.js
View file
Original file line number Diff line number Diff line change
@@ -1 +1,25 @@
module.exports = require('wttj-config-front/.eslintrc')
const merge = require('lodash.merge')
const shared = require('wttj-config-front/.eslintrc')

const local = {
overrides: [
{
files: ['*.ts', '*.tsx'],
parser: '@typescript-eslint/parser',
extends: ['plugin:@typescript-eslint/recommended'],
rules: {
'react/prop-types': 'off',
'@typescript-eslint/no-unused-vars': 'error',
'react/function-component-definition': [
2,
{
namedComponents: 'arrow-function',
unnamedComponents: 'arrow-function',
},
],
},
},
],
}

module.exports = merge({}, shared, local)
16 changes: 10 additions & 6 deletions babel.config.js
View file
Original file line number Diff line number Diff line change
@@ -1,17 +1,21 @@
module.exports = {
env: {
test: {
plugins: ['@babel/plugin-transform-modules-commonjs', '@babel/plugin-transform-runtime']
}
plugins: ['@babel/plugin-transform-modules-commonjs', '@babel/plugin-transform-runtime'],
},
},
presets: [['@babel/preset-env', { modules: false, loose: true }], '@babel/preset-react'],
presets: [
['@babel/preset-env', { modules: false, loose: true }],
'@babel/preset-typescript',
'@babel/preset-react',
],
plugins: [
'@babel/plugin-proposal-optional-chaining',
['transform-react-remove-prop-types', { removeImport: true }],
[
'styled-components',
{ ssr: true, displayName: true, pure: true, transpileTemplateLiterals: true }
{ ssr: true, displayName: true, pure: true, transpileTemplateLiterals: true },
],
['@babel/plugin-proposal-class-properties', { loose: true }]
]
['@babel/plugin-proposal-class-properties', { loose: true }],
],
}
9 changes: 8 additions & 1 deletion docs/.babelrc
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,11 @@
{
"presets": ["next/babel"],
"plugins": [["styled-components", { "ssr": true }]]
"plugins": [["styled-components", { "ssr": true,
"topLevelImportPaths": [
"@xstyled/styled-components",
"@xstyled/styled-components/no-tags",
"@xstyled/styled-components/native",
"@xstyled/styled-components/primitives"
]
}]],
}
6 changes: 3 additions & 3 deletions docs/components/Header.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ export const Header = () => {
display="flex"
h={{ xs: 1, md: 'auto' }}
justifyContent="space-between"
w={1}
w="100%"
>
<NextLink href="/" passHref>
<Box alignItems="center" alt="Homepage" as="a" display="flex">
Expand Down Expand Up @@ -71,10 +71,10 @@ export const Header = () => {
</Modal.Trigger>
</Box>
</Box>
<Box display={{ xs: 'none', md: 'block' }} mt="xl" w={1}>
<Box display={{ xs: 'none', md: 'block' }} mt="xl" w="100%">
<SelectTheme id="navigation" />
</Box>
<Box display={{ xs: 'none', md: 'block' }} mt="md" w={1}>
<Box display={{ xs: 'none', md: 'block' }} mt="md" w="100%">
<Field
component={InputText}
icon={<SearchIcon color="light.100" size="sm" />}
Expand Down
2 changes: 1 addition & 1 deletion docs/components/Header.styled.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ export const Header = styled.header`
position: fixed;
padding: 0 md;
top: 0;
width: 1;
width: 100%;
z-index: 1;
${up(
Expand Down
6 changes: 3 additions & 3 deletions docs/components/IconsList.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@ const Item = styled(Box)(
width: 130;
${!copied &&
css`
css`
&:hover {
${Content} {
background-color: light.800;
Expand All @@ -43,7 +43,7 @@ const Item = styled(Box)(
`}
${copied &&
css`
css`
${Content} {
background-color: success.100;
border-color: success.100;
Expand Down Expand Up @@ -71,7 +71,7 @@ function IconItem({ componentName, icon: Icon, name }) {
<Content>
<Icon size="xl" />
</Content>
<Box fontSize="meta1" fontWeight="medium" pt="xs" px="xs" textAlign="center" w={1}>
<Box fontSize="meta1" fontWeight="medium" pt="xs" px="xs" textAlign="center" w="100%">
{name}
</Box>
</Item>
Expand Down
2 changes: 1 addition & 1 deletion docs/components/Illustration.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ const Illustration = memo(function Illustration() {
const theme = useThemeContext()
const imageSource = theme === 'dark' ? '/illustration-white.png' : '/illustration.png'

return <Box as="img" maxWidth={400} src={imageSource} w={1} />
return <Box as="img" maxWidth={400} src={imageSource} w="100%" />
})

export default Illustration
2 changes: 1 addition & 1 deletion docs/components/Illustration404.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ const Illustration404 = memo(function Illustration() {
const theme = useThemeContext()
const imageSource = theme === 'dark' ? '/illustration-404-white.png' : '/illustration-404.png'

return <Box as="img" maxWidth={500} src={imageSource} w={1} />
return <Box as="img" maxWidth={500} src={imageSource} w="100%" />
})

export default Illustration404
4 changes: 2 additions & 2 deletions docs/components/Layout.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ export const Layout = ({ children }) => {
return (
<S.Layout>
<Header />
<Box margin="0 auto" maxWidth={1} paddingLeft={{ md: 270 }} w={1280}>
<Box margin="0 auto" maxWidth="100%" paddingLeft={{ md: 270 }} w={1280}>
<Box
as="main"
mb={{ xs: '3xl', md: 0 }}
Expand All @@ -33,7 +33,7 @@ export const Layout = ({ children }) => {
justifyContent="center"
mt="3xl"
pt="md"
w={1}
w="100%"
>
Made with <HeartIcon color="primary.500" mx="xxs" /> by{' '}
<Box
Expand Down
2 changes: 1 addition & 1 deletion docs/components/MDXComponents.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ import React from 'react'
import { Text } from '@welcome-ui/text'
import { Table } from '@welcome-ui/table'
import { Link } from '@welcome-ui/link'
import { Box } from '@xstyled/styled-components'
import { Box } from '@welcome-ui/box'

import { H1, H2, H3 } from './Headings'
import { Code } from './Code'
Expand Down
4 changes: 2 additions & 2 deletions docs/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@
"@mdx-js/loader": "1.6.22",
"@mdx-js/react": "1.6.22",
"@next/mdx": "10.0.8",
"@xstyled/styled-components": "^2.2.3",
"@xstyled/styled-components": "^3.0.1",
"babel-plugin-styled-components": "^1.12.0",
"date-fns": "^2.19.0",
"lodash.merge": "^4.6.2",
Expand All @@ -45,7 +45,7 @@
"react-dom": "^17.0.1",
"react-hook-form": "~6.15.4",
"react": "^17.0.1",
"styled-components": "^5.2.1",
"styled-components": "^5.3.0",
"yup": "0.32.9"
}
}
2 changes: 1 addition & 1 deletion docs/pages/components/accordion.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ import {
peerDependencies,
component,
name,
version
version,
} from '@welcome-ui/accordion/package.json'

# Accordion
Expand Down
2 changes: 1 addition & 1 deletion docs/pages/components/alert.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ import {
dependencies,
name,
peerDependencies,
version
version,
} from '@welcome-ui/alert/package.json'

# Alert
Expand Down
2 changes: 1 addition & 1 deletion docs/pages/components/avatar.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ import {
dependencies,
name,
peerDependencies,
version
version,
} from '@welcome-ui/avatar/package.json'

# Avatar
Expand Down
2 changes: 1 addition & 1 deletion docs/pages/components/badge.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ import {
dependencies,
name,
peerDependencies,
version
version,
} from '@welcome-ui/badge/package.json'

# Badge
Expand Down
6 changes: 3 additions & 3 deletions docs/pages/components/box.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ import {
dependencies,
name,
peerDependencies,
version
version,
} from '@welcome-ui/box/package.json'

# Box
Expand All @@ -21,13 +21,13 @@ Box is the most basic component of Welcome UI — all other components make use
You can create a simple card item using Boxes (and a couple of other components).

```jsx
<Box display="flex" w={1} justifyContent="center" alignItems="center" backgroundColor="nude.100">
<Box display="flex" w="100%" justifyContent="center" alignItems="center" backgroundColor="nude.100">
<Box backgroundColor="light.900" borderRadius="sm" boxShadow="sm" margin="xl" maxWidth={360}>
<Box
as="img"
src="https://images.unsplash.com/photo-1610020468144-a6f4771a1982?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=600&q=80"
alt="presentation"
maxWidth={1}
maxWidth="100%"
/>
<Box p="md">
<Box display="flex" mb="xs" alignItems="center">
Expand Down
2 changes: 1 addition & 1 deletion docs/pages/components/breadcrumb.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ import {
dependencies,
name,
peerDependencies,
version
version,
} from '@welcome-ui/breadcrumb/package.json'

# Breadcrumb
Expand Down
4 changes: 2 additions & 2 deletions docs/pages/components/button.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ import {
dependencies,
name,
peerDependencies,
version
version,
} from '@welcome-ui/button/package.json'

# Button
Expand Down Expand Up @@ -141,7 +141,7 @@ You can transform your Button component with `as` property to add you linker, `h
You can add `w` property from [xstyled](https://xstyled.dev/docs/width/).

```jsx
<Button w={1}>full width</Button>
<Button w="100%">full width</Button>
<Button w={1 / 2}>half width</Button>
```

Expand Down
6 changes: 3 additions & 3 deletions docs/pages/components/card.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ import {
dependencies,
name,
peerDependencies,
version
version,
} from '@welcome-ui/card/package.json'

# Card
Expand Down Expand Up @@ -39,7 +39,7 @@ A content card.
```jsx
<Card maxWidth={400}>
<Card.Cover
w={1}
w="100%"
src="https://m.media-amazon.com/images/M/MV5BMzE0NzgyODIxN15BMl5BanBnXkFtZTgwNDU0NjU5NzE@._V1_SX1777_CR0,0,1777,994_AL_.jpg"
/>
<Card.Body>
Expand All @@ -64,7 +64,7 @@ A picture card, if you add a `backgroundImage` on Card, it's displayed on cover.
>
<Box
padding="xl"
w={1}
w="100%"
background="linear-gradient(0deg, rgba(0,0, 0, 0.7) 0%, rgba(0,0,0,0) 100%)"
>
<Text as="h4" fontWeight="bold" m={0} color="light.900">
Expand Down
2 changes: 1 addition & 1 deletion docs/pages/components/checkbox.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ import {
dependencies,
name,
peerDependencies,
version
version,
} from '@welcome-ui/checkbox/package.json'

# Checkbox
Expand Down
2 changes: 1 addition & 1 deletion docs/pages/components/date-picker.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ import {
dependencies,
name,
peerDependencies,
version
version,
} from '@welcome-ui/date-picker/package.json'

# DatePicker
Expand Down
2 changes: 1 addition & 1 deletion docs/pages/components/date-time-picker.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ import {
dependencies,
name,
peerDependencies,
version
version,
} from '@welcome-ui/date-time-picker/package.json'

# DateTimePicker
Expand Down
10 changes: 5 additions & 5 deletions docs/pages/components/drawer.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ import {
dependencies,
name,
peerDependencies,
version
version,
} from '@welcome-ui/drawer/package.json'

# Drawer
Expand Down Expand Up @@ -116,7 +116,7 @@ function PlacementDrawer() {
{ value: 'top', label: 'Top' },
{ value: 'right', label: 'Right' },
{ value: 'bottom', label: 'Bottom' },
{ value: 'left', label: 'Left' }
{ value: 'left', label: 'Left' },
]}
flexDirection="row"
/>
Expand Down Expand Up @@ -163,8 +163,8 @@ function SizeDrawer() {
<>
50% <small>(width or height depending on the placement</small>
</>
)
}
),
},
]}
flexDirection="row"
/>
Expand All @@ -179,7 +179,7 @@ function SizeDrawer() {
{ value: 'top', label: 'Top' },
{ value: 'right', label: 'Right' },
{ value: 'bottom', label: 'Bottom' },
{ value: 'left', label: 'Left' }
{ value: 'left', label: 'Left' },
]}
flexDirection="row"
/>
Expand Down
2 changes: 1 addition & 1 deletion docs/pages/components/dropdown-menu.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ import {
dependencies,
name,
peerDependencies,
version
version,
} from '@welcome-ui/dropdown-menu/package.json'

# DropdownMenu
Expand Down
Loading

0 comments on commit fe2e897

Please sign in to comment.