diff --git a/.prettierignore b/.prettierignore new file mode 100644 index 000000000..7e108c091 --- /dev/null +++ b/.prettierignore @@ -0,0 +1,33 @@ +# Ignore Cypress autogenerated files +.nyc_output +coverage +cypress +merged-coverage + +# Ignore dev environment files +dev-env + +# Ignore deployment files +deployment + +# Ignore both dist folders from SPA and Design System +dist +/packages/design-system/dist + +# Ignore mdx files due to different conflicts between prettier and mdx files +*.mdx + +# Ignore config files +.babelrc +.eslintrc.json +.nycrc.json +.prettierrc +.stylelintrc.json +cypress.config.ts +dev.Dockerfile +lerna.json +LICENSE +package.json +package-lock.json +tsconfig.json +vite.config.ts diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html index 05da1e9df..7100922b6 100644 --- a/.storybook/preview-head.html +++ b/.storybook/preview-head.html @@ -1,3 +1,3 @@ \ No newline at end of file + window.global = window + diff --git a/.stylelintrc.json b/.stylelintrc.json index 63dff8775..a8fce0bd4 100644 --- a/.stylelintrc.json +++ b/.stylelintrc.json @@ -22,6 +22,14 @@ { "ignoreSelectors": [":export"] } + ], + "at-rule-empty-line-before": [ + "always", + { + "ignore": ["after-comment", "first-nested", "inside-block", "blockless-after-same-name-blockless"], + "severity": "warning", + "except": ["blockless-after-blockless"] + } ] } } diff --git a/index.html b/index.html index 9b3fccc07..565fbf246 100644 --- a/index.html +++ b/index.html @@ -2,34 +2,17 @@ - + - - - - + + + Dataverse
- diff --git a/package.json b/package.json index 4e35f4257..fe43d59f1 100644 --- a/package.json +++ b/package.json @@ -53,10 +53,10 @@ "build": "tsc && vite build", "preview": "vite preview", "lint": "npm run lint:eslint && npm run lint:stylelint && npm run lint:prettier", - "lint:fix": "eslint --fix --ext .ts,.tsx ./src --ignore-path .gitignore . && stylelint --fix **/*.scss && prettier --write '**/*.(yml|json|md|css)'", + "lint:fix": "eslint --fix --ext .ts,.tsx ./src --ignore-path .gitignore . && stylelint --fix **/*.scss && prettier . --write", "lint:eslint": "eslint --ignore-path .gitignore .", "lint:stylelint": "stylelint **/*.scss ", - "lint:prettier": "prettier --check '**/*.(yml|json|md|css)' --ignore-path packages/design-system/.gitignore", + "lint:prettier": "prettier . --check", "format": "prettier --write './**/*.{js,jsx,ts,tsx,css,md,json,yml,md}' --config ./.prettierrc", "cy:open-e2e": "cypress open --e2e --browser chrome", "cy:open-unit": "cypress open --component --browser chrome", diff --git a/packages/design-system/.storybook/preview-head.html b/packages/design-system/.storybook/preview-head.html index 05da1e9df..7100922b6 100644 --- a/packages/design-system/.storybook/preview-head.html +++ b/packages/design-system/.storybook/preview-head.html @@ -1,3 +1,3 @@ \ No newline at end of file + window.global = window + diff --git a/packages/design-system/src/lib/assets/styles/design-tokens/typography.module.scss b/packages/design-system/src/lib/assets/styles/design-tokens/typography.module.scss index e8b2b40d0..5d6658d7e 100644 --- a/packages/design-system/src/lib/assets/styles/design-tokens/typography.module.scss +++ b/packages/design-system/src/lib/assets/styles/design-tokens/typography.module.scss @@ -2,7 +2,7 @@ $dv-font-size: 16px; $dv-font-size-sm: 12px; $dv-brand-font-size: 24px; -$dv-font-family: ("Helvetica Neue",helvetica,arial,sans-serif); +$dv-font-family: ('Helvetica Neue', helvetica, arial, sans-serif); $dv-font-weight: 400; $dv-font-weight-light: 300; @@ -19,4 +19,4 @@ $dv-line-height: 1.5; fontWeightLight: $dv-font-weight-light; fontWeightBold: $dv-font-weight-bold; lineHeight: $dv-line-height; -} \ No newline at end of file +} diff --git a/packages/design-system/src/lib/assets/styles/fontcustom.scss b/packages/design-system/src/lib/assets/styles/fontcustom.scss index e915d66a1..c273ff290 100644 --- a/packages/design-system/src/lib/assets/styles/fontcustom.scss +++ b/packages/design-system/src/lib/assets/styles/fontcustom.scss @@ -6,20 +6,22 @@ font-weight: normal; font-family: fontcustom; font-style: normal; - src: url("fontcustom/fontcustom_8c9f858763dbca8e064e7fd59d1aa2b7.woff2") format("woff2"), - url("fontcustom/fontcustom_8c9f858763dbca8e064e7fd59d1aa2b7.woff") format("woff"), - url("fontcustom/fontcustom_8c9f858763dbca8e064e7fd59d1aa2b7.ttf") format("truetype"), - url("fontcustom/fontcustom_8c9f858763dbca8e064e7fd59d1aa2b7.svg#fontcustom") format("svg"); + src: url('fontcustom/fontcustom_8c9f858763dbca8e064e7fd59d1aa2b7.woff2') format('woff2'), + url('fontcustom/fontcustom_8c9f858763dbca8e064e7fd59d1aa2b7.woff') format('woff'), + url('fontcustom/fontcustom_8c9f858763dbca8e064e7fd59d1aa2b7.ttf') format('truetype'), + url('fontcustom/fontcustom_8c9f858763dbca8e064e7fd59d1aa2b7.svg#fontcustom') format('svg'); } @media screen and (min-resolution) { @font-face { font-family: fontcustom; - src: url("fontcustom/fontcustom_8c9f858763dbca8e064e7fd59d1aa2b7.svg#fontcustom") format("svg"); + src: url('fontcustom/fontcustom_8c9f858763dbca8e064e7fd59d1aa2b7.svg#fontcustom') format('svg'); } } -[data-icon]::before { content: attr(data-icon); } +[data-icon]::before { + content: attr(data-icon); +} [data-icon]::before, .icon-astro::before, @@ -50,18 +52,62 @@ -webkit-font-smoothing: antialiased; } -.icon-astro::before { content: "\f100"; } -.icon-audio::before { content: "\f101"; } -.icon-code::before { content: "\f102"; } -.icon-collection::before { content: "\f103"; } -.icon-dataset::before { content: "\f104"; } -.icon-document::before { content: "\f105"; } -.icon-file::before { content: "\f106"; } -.icon-geodata::before { content: "\f107"; } -.icon-image::before { content: "\f108"; } -.icon-network::before { content: "\f109"; } -.icon-other::before { content: "\f10a"; } -.icon-package::before { content: "\f10b"; } -.icon-tabular::before { content: "\f10c"; } -.icon-unlock::before { content: "\f10d"; } -.icon-video::before { content: "\f10e"; } +.icon-astro::before { + content: '\f100'; +} + +.icon-audio::before { + content: '\f101'; +} + +.icon-code::before { + content: '\f102'; +} + +.icon-collection::before { + content: '\f103'; +} + +.icon-dataset::before { + content: '\f104'; +} + +.icon-document::before { + content: '\f105'; +} + +.icon-file::before { + content: '\f106'; +} + +.icon-geodata::before { + content: '\f107'; +} + +.icon-image::before { + content: '\f108'; +} + +.icon-network::before { + content: '\f109'; +} + +.icon-other::before { + content: '\f10a'; +} + +.icon-package::before { + content: '\f10b'; +} + +.icon-tabular::before { + content: '\f10c'; +} + +.icon-unlock::before { + content: '\f10d'; +} + +.icon-video::before { + content: '\f10e'; +} diff --git a/packages/design-system/src/lib/assets/styles/index.scss b/packages/design-system/src/lib/assets/styles/index.scss index 2bcc590fe..335bcddfa 100644 --- a/packages/design-system/src/lib/assets/styles/index.scss +++ b/packages/design-system/src/lib/assets/styles/index.scss @@ -1,3 +1,2 @@ -@import "fontcustom"; -@import "bootstrap-customized"; - +@import 'fontcustom'; +@import 'bootstrap-customized'; diff --git a/packages/design-system/src/lib/components/badge/Badge.module.scss b/packages/design-system/src/lib/components/badge/Badge.module.scss index c3e0ac8ba..30a09833a 100644 --- a/packages/design-system/src/lib/components/badge/Badge.module.scss +++ b/packages/design-system/src/lib/components/badge/Badge.module.scss @@ -3,25 +3,25 @@ @import 'src/lib/assets/styles/design-tokens/colors.module'; .primary:not(#\#) { - color: color-contrast($dv-primary-color); + color: color-contrast($dv-primary-color); } .secondary:not(#\#) { - color: color-contrast($dv-secondary-color); + color: color-contrast($dv-secondary-color); } .info:not(#\#) { - color: color-contrast($dv-info-color); + color: color-contrast($dv-info-color); } .success:not(#\#) { - color: color-contrast($dv-success-color); + color: color-contrast($dv-success-color); } .warning:not(#\#) { - color: color-contrast($dv-warning-color); + color: color-contrast($dv-warning-color); } .danger:not(#\#) { - color: color-contrast($dv-danger-color); -} \ No newline at end of file + color: color-contrast($dv-danger-color); +} diff --git a/packages/design-system/src/lib/components/button-group/ButtonGroup.module.scss b/packages/design-system/src/lib/components/button-group/ButtonGroup.module.scss index 78fd402fc..e54fd9cad 100644 --- a/packages/design-system/src/lib/components/button-group/ButtonGroup.module.scss +++ b/packages/design-system/src/lib/components/button-group/ButtonGroup.module.scss @@ -1,5 +1,6 @@ -@import "src/lib/assets/styles/design-tokens/colors.module"; +@import 'src/lib/assets/styles/design-tokens/colors.module'; -.border > button, .border > [role="group"] > button { +.border > button, +.border > [role='group'] > button { border: 1px solid $dv-button-border-color; -} \ No newline at end of file +} diff --git a/packages/design-system/src/lib/components/button/Button.module.scss b/packages/design-system/src/lib/components/button/Button.module.scss index 019b0c60f..9bc0bd1c5 100644 --- a/packages/design-system/src/lib/components/button/Button.module.scss +++ b/packages/design-system/src/lib/components/button/Button.module.scss @@ -1,3 +1,3 @@ .spacing { margin: 0 7px; -} \ No newline at end of file +} diff --git a/packages/design-system/src/lib/components/dropdown-button/DropdownButton.module.scss b/packages/design-system/src/lib/components/dropdown-button/DropdownButton.module.scss index b7f8e8153..9bc0bd1c5 100644 --- a/packages/design-system/src/lib/components/dropdown-button/DropdownButton.module.scss +++ b/packages/design-system/src/lib/components/dropdown-button/DropdownButton.module.scss @@ -1,3 +1,3 @@ .spacing { - margin: 0 7px + margin: 0 7px; } diff --git a/packages/design-system/src/lib/components/form/form-group-multiple-fields/FormGroupWithMultipleFields.module.scss b/packages/design-system/src/lib/components/form/form-group-multiple-fields/FormGroupWithMultipleFields.module.scss index d8700a3ab..7485212bf 100644 --- a/packages/design-system/src/lib/components/form/form-group-multiple-fields/FormGroupWithMultipleFields.module.scss +++ b/packages/design-system/src/lib/components/form/form-group-multiple-fields/FormGroupWithMultipleFields.module.scss @@ -1,7 +1,7 @@ -@import "src/lib/assets/styles/design-tokens/typography.module"; +@import 'src/lib/assets/styles/design-tokens/typography.module'; .title { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); font-weight: $dv-font-weight-bold; -} \ No newline at end of file +} diff --git a/packages/design-system/src/lib/components/form/required-input-symbol/RequiredInputSymbol.module.scss b/packages/design-system/src/lib/components/form/required-input-symbol/RequiredInputSymbol.module.scss index 6b755b404..f3d57e2e6 100644 --- a/packages/design-system/src/lib/components/form/required-input-symbol/RequiredInputSymbol.module.scss +++ b/packages/design-system/src/lib/components/form/required-input-symbol/RequiredInputSymbol.module.scss @@ -1,5 +1,5 @@ -@import "src/lib/assets/styles/design-tokens/colors.module"; +@import 'src/lib/assets/styles/design-tokens/colors.module'; .asterisk { - color: $dv-danger-color; -} \ No newline at end of file + color: $dv-danger-color; +} diff --git a/packages/design-system/src/lib/components/icon/Icon.module.scss b/packages/design-system/src/lib/components/icon/Icon.module.scss index 750589cdf..ed171714c 100644 --- a/packages/design-system/src/lib/components/icon/Icon.module.scss +++ b/packages/design-system/src/lib/components/icon/Icon.module.scss @@ -1,3 +1,3 @@ .icon { - margin-right: .3em; -} \ No newline at end of file + margin-right: 0.3em; +} diff --git a/packages/design-system/src/lib/components/table/Table.module.scss b/packages/design-system/src/lib/components/table/Table.module.scss index 6576729f8..3981fb1b2 100644 --- a/packages/design-system/src/lib/components/table/Table.module.scss +++ b/packages/design-system/src/lib/components/table/Table.module.scss @@ -1,3 +1,3 @@ .table > thead { text-align: center; -} \ No newline at end of file +} diff --git a/packages/design-system/src/lib/components/tooltip/question-mark-tooltip/QuestionIcon.module.scss b/packages/design-system/src/lib/components/tooltip/question-mark-tooltip/QuestionIcon.module.scss index 581aa0ec2..6b02be1ff 100644 --- a/packages/design-system/src/lib/components/tooltip/question-mark-tooltip/QuestionIcon.module.scss +++ b/packages/design-system/src/lib/components/tooltip/question-mark-tooltip/QuestionIcon.module.scss @@ -1,4 +1,4 @@ -@import "src/lib/assets/styles/design-tokens/colors.module"; +@import 'src/lib/assets/styles/design-tokens/colors.module'; .question-tooltip { color: $dv-tooltip-color; @@ -6,4 +6,4 @@ .question-tooltip:hover { color: $dv-tooltip-hover-color; -} \ No newline at end of file +} diff --git a/packages/design-system/src/lib/components/tooltip/question-mark-tooltip/QuestionMarkTooltip.module.scss b/packages/design-system/src/lib/components/tooltip/question-mark-tooltip/QuestionMarkTooltip.module.scss index 5df6117e2..c1602bcff 100644 --- a/packages/design-system/src/lib/components/tooltip/question-mark-tooltip/QuestionMarkTooltip.module.scss +++ b/packages/design-system/src/lib/components/tooltip/question-mark-tooltip/QuestionMarkTooltip.module.scss @@ -1,4 +1,4 @@ .tooltip { display: inline-block; vertical-align: 0.125em; -} \ No newline at end of file +} diff --git a/packages/design-system/tests/support/component-index.html b/packages/design-system/tests/support/component-index.html index dec6b92ce..910611c2f 100644 --- a/packages/design-system/tests/support/component-index.html +++ b/packages/design-system/tests/support/component-index.html @@ -1,12 +1,12 @@ - - - - + + + + Components App - - -
- - \ No newline at end of file + + +
+ + diff --git a/src/sections/collection/publish-collection/PublishCollectionModal.module.scss b/src/sections/collection/publish-collection/PublishCollectionModal.module.scss index 9e5edbad1..e41b8d368 100644 --- a/src/sections/collection/publish-collection/PublishCollectionModal.module.scss +++ b/src/sections/collection/publish-collection/PublishCollectionModal.module.scss @@ -1,4 +1,4 @@ -@import "node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module"; +@import 'node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module'; .errorText { color: $dv-danger-color; @@ -7,4 +7,4 @@ .warningText { margin-bottom: 0; color: $dv-warning-color; -} \ No newline at end of file +} diff --git a/src/sections/create-dataset/HostCollectionForm/HostCollectionForm.module.scss b/src/sections/create-dataset/HostCollectionForm/HostCollectionForm.module.scss index 6bb5ebf06..d6da29f3f 100644 --- a/src/sections/create-dataset/HostCollectionForm/HostCollectionForm.module.scss +++ b/src/sections/create-dataset/HostCollectionForm/HostCollectionForm.module.scss @@ -22,4 +22,4 @@ @media (min-width: 768px) { padding-left: 1rem; } -} \ No newline at end of file +} diff --git a/src/sections/dataset/Dataset.module.scss b/src/sections/dataset/Dataset.module.scss index 9bd1f5a27..2d615c3b6 100644 --- a/src/sections/dataset/Dataset.module.scss +++ b/src/sections/dataset/Dataset.module.scss @@ -12,4 +12,4 @@ .tab-container { padding: 1em 0; -} \ No newline at end of file +} diff --git a/src/sections/dataset/dataset-action-buttons/DatasetActionButtons.module.scss b/src/sections/dataset/dataset-action-buttons/DatasetActionButtons.module.scss index f2729d4d0..fdb73c0cd 100644 --- a/src/sections/dataset/dataset-action-buttons/DatasetActionButtons.module.scss +++ b/src/sections/dataset/dataset-action-buttons/DatasetActionButtons.module.scss @@ -2,4 +2,4 @@ display: flex; width: 100%; margin: 0.5rem 0; -} \ No newline at end of file +} diff --git a/src/sections/dataset/dataset-alerts/DatasetAlerts.module.scss b/src/sections/dataset/dataset-alerts/DatasetAlerts.module.scss index 3a63a82e6..3de7bbece 100644 --- a/src/sections/dataset/dataset-alerts/DatasetAlerts.module.scss +++ b/src/sections/dataset/dataset-alerts/DatasetAlerts.module.scss @@ -1,4 +1,4 @@ .container > * { margin-top: 1em; margin-right: 0.5em; -} \ No newline at end of file +} diff --git a/src/sections/dataset/dataset-citation/DatasetCitation.module.scss b/src/sections/dataset/dataset-citation/DatasetCitation.module.scss index c6c731334..3a4b0fcfd 100644 --- a/src/sections/dataset/dataset-citation/DatasetCitation.module.scss +++ b/src/sections/dataset/dataset-citation/DatasetCitation.module.scss @@ -1,22 +1,22 @@ -@import "node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module"; +@import 'node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module'; .container { - margin: 0 0 20px; - padding: 10px 0; - border: 1px solid $dv-info-border-color; + margin: 0 0 20px; + padding: 10px 0; + border: 1px solid $dv-info-border-color; } .deaccessioned { - margin: 0.5rem 0; - padding: 10px; - border: 1px solid $dv-danger-color; + margin: 0.5rem 0; + padding: 10px; + border: 1px solid $dv-danger-color; } .row { - margin-right: -15px; - margin-left: -15px; + margin-right: -15px; + margin-left: -15px; } .thumbnail { - font-size: 7.5em; -} \ No newline at end of file + font-size: 7.5em; +} diff --git a/src/sections/dataset/dataset-files/dataset-upload-files-button/DatasetUploadFilesButton.module.scss b/src/sections/dataset/dataset-files/dataset-upload-files-button/DatasetUploadFilesButton.module.scss index 0c9c49a03..2c56411ea 100644 --- a/src/sections/dataset/dataset-files/dataset-upload-files-button/DatasetUploadFilesButton.module.scss +++ b/src/sections/dataset/dataset-files/dataset-upload-files-button/DatasetUploadFilesButton.module.scss @@ -1,4 +1,4 @@ .icon { margin-right: 0.3rem; margin-bottom: 0.2rem; -} \ No newline at end of file +} diff --git a/src/sections/dataset/dataset-files/files-table/file-actions/FileActionsHeader.module.scss b/src/sections/dataset/dataset-files/files-table/file-actions/FileActionsHeader.module.scss index 7154c087e..023404538 100644 --- a/src/sections/dataset/dataset-files/files-table/file-actions/FileActionsHeader.module.scss +++ b/src/sections/dataset/dataset-files/files-table/file-actions/FileActionsHeader.module.scss @@ -2,4 +2,4 @@ display: flex; justify-content: end; text-align: right; -} \ No newline at end of file +} diff --git a/src/sections/dataset/dataset-files/files-table/file-actions/download-files/DownloadFilesButton.module.scss b/src/sections/dataset/dataset-files/files-table/file-actions/download-files/DownloadFilesButton.module.scss index 0c9c49a03..2c56411ea 100644 --- a/src/sections/dataset/dataset-files/files-table/file-actions/download-files/DownloadFilesButton.module.scss +++ b/src/sections/dataset/dataset-files/files-table/file-actions/download-files/DownloadFilesButton.module.scss @@ -1,4 +1,4 @@ .icon { margin-right: 0.3rem; margin-bottom: 0.2rem; -} \ No newline at end of file +} diff --git a/src/sections/dataset/dataset-files/files-table/file-actions/edit-files-menu/EditFilesMenu.module.scss b/src/sections/dataset/dataset-files/files-table/file-actions/edit-files-menu/EditFilesMenu.module.scss index 292a87064..2c56411ea 100644 --- a/src/sections/dataset/dataset-files/files-table/file-actions/edit-files-menu/EditFilesMenu.module.scss +++ b/src/sections/dataset/dataset-files/files-table/file-actions/edit-files-menu/EditFilesMenu.module.scss @@ -1,4 +1,4 @@ .icon { - margin-right: 0.3rem; + margin-right: 0.3rem; margin-bottom: 0.2rem; -} \ No newline at end of file +} diff --git a/src/sections/dataset/dataset-files/files-table/file-actions/file-actions-cell/FileActionsCell.module.scss b/src/sections/dataset/dataset-files/files-table/file-actions/file-actions-cell/FileActionsCell.module.scss index 743868960..02f11b3fc 100644 --- a/src/sections/dataset/dataset-files/files-table/file-actions/file-actions-cell/FileActionsCell.module.scss +++ b/src/sections/dataset/dataset-files/files-table/file-actions/file-actions-cell/FileActionsCell.module.scss @@ -1,3 +1,3 @@ .container { text-align: right; -} \ No newline at end of file +} diff --git a/src/sections/dataset/dataset-files/files-table/file-actions/file-actions-cell/file-action-buttons/file-options-menu/FileAlreadyDeletedModal.module.scss b/src/sections/dataset/dataset-files/files-table/file-actions/file-actions-cell/file-action-buttons/file-options-menu/FileAlreadyDeletedModal.module.scss index 97f799fbe..4adbb25f4 100644 --- a/src/sections/dataset/dataset-files/files-table/file-actions/file-actions-cell/file-action-buttons/file-options-menu/FileAlreadyDeletedModal.module.scss +++ b/src/sections/dataset/dataset-files/files-table/file-actions/file-actions-cell/file-action-buttons/file-options-menu/FileAlreadyDeletedModal.module.scss @@ -1,5 +1,5 @@ -@import "node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module"; +@import 'node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module'; .paragraph { color: $dv-danger-color; -} \ No newline at end of file +} diff --git a/src/sections/dataset/dataset-files/files-table/file-actions/file-actions-cell/file-info-messages/FileInfoMessages.module.scss b/src/sections/dataset/dataset-files/files-table/file-actions/file-actions-cell/file-info-messages/FileInfoMessages.module.scss index b0cecb747..bc2f77ec6 100644 --- a/src/sections/dataset/dataset-files/files-table/file-actions/file-actions-cell/file-info-messages/FileInfoMessages.module.scss +++ b/src/sections/dataset/dataset-files/files-table/file-actions/file-actions-cell/file-info-messages/FileInfoMessages.module.scss @@ -1,4 +1,4 @@ -@import "node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module"; +@import 'node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module'; .box { margin-bottom: 0.5em; @@ -10,4 +10,4 @@ .icon { margin-right: 0.3rem; margin-bottom: 0.2rem; -} \ No newline at end of file +} diff --git a/src/sections/dataset/dataset-files/files-table/file-info/file-info-cell/FileInfoCell.module.scss b/src/sections/dataset/dataset-files/files-table/file-info/file-info-cell/FileInfoCell.module.scss index ab49e9023..6159d4d95 100644 --- a/src/sections/dataset/dataset-files/files-table/file-info/file-info-cell/FileInfoCell.module.scss +++ b/src/sections/dataset/dataset-files/files-table/file-info/file-info-cell/FileInfoCell.module.scss @@ -1,8 +1,8 @@ -@import "node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/typography.module"; -@import "node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module"; +@import 'node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/typography.module'; +@import 'node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module'; .container { -display: flex; + display: flex; } .body-container { @@ -11,7 +11,6 @@ display: flex; &__subtext { color: $dv-subtext-color; font-size: $dv-font-size-sm; - } } diff --git a/src/sections/dataset/dataset-files/files-table/file-info/file-info-cell/file-info-data/file-thumbnail/FileThumbnail.module.scss b/src/sections/dataset/dataset-files/files-table/file-info/file-info-cell/file-info-data/file-thumbnail/FileThumbnail.module.scss index 9d4231f27..eacbc5aa9 100644 --- a/src/sections/dataset/dataset-files/files-table/file-info/file-info-cell/file-info-data/file-thumbnail/FileThumbnail.module.scss +++ b/src/sections/dataset/dataset-files/files-table/file-info/file-info-cell/file-info-data/file-thumbnail/FileThumbnail.module.scss @@ -14,7 +14,7 @@ height: 80px; } -.tooltip { +.tooltip { display: table-cell; width: 430px; height: 430px; diff --git a/src/sections/dataset/dataset-files/files-table/row-selection/RowSelectionMessage.module.scss b/src/sections/dataset/dataset-files/files-table/row-selection/RowSelectionMessage.module.scss index fdac01057..291bf0792 100644 --- a/src/sections/dataset/dataset-files/files-table/row-selection/RowSelectionMessage.module.scss +++ b/src/sections/dataset/dataset-files/files-table/row-selection/RowSelectionMessage.module.scss @@ -1,4 +1,4 @@ -@import "node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module"; +@import 'node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module'; .container { display: flex; @@ -9,4 +9,4 @@ .message { margin-left: 0.75rem; -} \ No newline at end of file +} diff --git a/src/sections/dataset/dataset-files/files-table/spinner-symbol/SpinnerSymbol.module.scss b/src/sections/dataset/dataset-files/files-table/spinner-symbol/SpinnerSymbol.module.scss index 76bb5cf0f..951e52ddf 100644 --- a/src/sections/dataset/dataset-files/files-table/spinner-symbol/SpinnerSymbol.module.scss +++ b/src/sections/dataset/dataset-files/files-table/spinner-symbol/SpinnerSymbol.module.scss @@ -1,3 +1,3 @@ .container { - justify-content: center; -} \ No newline at end of file + justify-content: center; +} diff --git a/src/sections/dataset/dataset-files/files-table/zip-download-limit-message/ZipLimitMessage.module.scss b/src/sections/dataset/dataset-files/files-table/zip-download-limit-message/ZipLimitMessage.module.scss index fdac01057..291bf0792 100644 --- a/src/sections/dataset/dataset-files/files-table/zip-download-limit-message/ZipLimitMessage.module.scss +++ b/src/sections/dataset/dataset-files/files-table/zip-download-limit-message/ZipLimitMessage.module.scss @@ -1,4 +1,4 @@ -@import "node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module"; +@import 'node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module'; .container { display: flex; @@ -9,4 +9,4 @@ .message { margin-left: 0.75rem; -} \ No newline at end of file +} diff --git a/src/sections/dataset/dataset-icon/DatasetIcon.module.scss b/src/sections/dataset/dataset-icon/DatasetIcon.module.scss index 4025c0bbe..193baf47e 100644 --- a/src/sections/dataset/dataset-icon/DatasetIcon.module.scss +++ b/src/sections/dataset/dataset-icon/DatasetIcon.module.scss @@ -1,6 +1,6 @@ -@import "node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module"; +@import 'node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module'; .icon { color: $dv-info-border-color; line-height: 1.1; -} \ No newline at end of file +} diff --git a/src/sections/dataset/dataset-metadata/dataset-metadata-fields/DatasetMetadataFieldTip.module.scss b/src/sections/dataset/dataset-metadata/dataset-metadata-fields/DatasetMetadataFieldTip.module.scss index 06fee649b..ae7e09b15 100644 --- a/src/sections/dataset/dataset-metadata/dataset-metadata-fields/DatasetMetadataFieldTip.module.scss +++ b/src/sections/dataset/dataset-metadata/dataset-metadata-fields/DatasetMetadataFieldTip.module.scss @@ -1,5 +1,5 @@ -@import "node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module"; +@import 'node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module'; .message { color: $dv-subtext-color; -} \ No newline at end of file +} diff --git a/src/sections/dataset/dataset-thumbnail/DatasetThumbnail.module.scss b/src/sections/dataset/dataset-thumbnail/DatasetThumbnail.module.scss index a464f4dc4..50a0e15b3 100644 --- a/src/sections/dataset/dataset-thumbnail/DatasetThumbnail.module.scss +++ b/src/sections/dataset/dataset-thumbnail/DatasetThumbnail.module.scss @@ -3,4 +3,4 @@ max-width: 140px; height: auto; max-height: 140px; -} \ No newline at end of file +} diff --git a/src/sections/dataset/publish-dataset/PublishDatasetHelpText.module.scss b/src/sections/dataset/publish-dataset/PublishDatasetHelpText.module.scss index 497edcef4..95603f400 100644 --- a/src/sections/dataset/publish-dataset/PublishDatasetHelpText.module.scss +++ b/src/sections/dataset/publish-dataset/PublishDatasetHelpText.module.scss @@ -1,4 +1,4 @@ -@import "node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module"; +@import 'node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module'; .warningText { diff --git a/src/sections/dataset/publish-dataset/PublishDatasetModal.module.scss b/src/sections/dataset/publish-dataset/PublishDatasetModal.module.scss index f5b51b7a2..f7e887adf 100644 --- a/src/sections/dataset/publish-dataset/PublishDatasetModal.module.scss +++ b/src/sections/dataset/publish-dataset/PublishDatasetModal.module.scss @@ -1,4 +1,4 @@ -@import "node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module"; +@import 'node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module'; .errorText { color: $dv-danger-color; diff --git a/src/sections/file/File.module.scss b/src/sections/file/File.module.scss index 69b04f28c..246980517 100644 --- a/src/sections/file/File.module.scss +++ b/src/sections/file/File.module.scss @@ -1,5 +1,5 @@ -@import "node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module"; -@import "node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/typography.module"; +@import 'node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module'; +@import 'node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/typography.module'; .header { margin: 0.5em 0; @@ -44,4 +44,4 @@ display: flex; width: 100%; margin: 0.5rem 0; -} \ No newline at end of file +} diff --git a/src/sections/file/file-access/FileAccessInfoIcon.module.scss b/src/sections/file/file-access/FileAccessInfoIcon.module.scss index 7f750214c..9735157fb 100644 --- a/src/sections/file/file-access/FileAccessInfoIcon.module.scss +++ b/src/sections/file/file-access/FileAccessInfoIcon.module.scss @@ -1,4 +1,4 @@ -@import "node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module"; +@import 'node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module'; %restricted-icon { font-size: 20px; @@ -15,4 +15,4 @@ right: -16px; color: $dv-success-color; -} \ No newline at end of file +} diff --git a/src/sections/file/file-action-buttons/access-file-menu/AccessFileMenu.module.scss b/src/sections/file/file-action-buttons/access-file-menu/AccessFileMenu.module.scss index 645a8c049..1defad0c5 100644 --- a/src/sections/file/file-action-buttons/access-file-menu/AccessFileMenu.module.scss +++ b/src/sections/file/file-action-buttons/access-file-menu/AccessFileMenu.module.scss @@ -1,4 +1,4 @@ -@import "node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module"; +@import 'node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module'; .success { color: $dv-success-color; @@ -14,4 +14,4 @@ .request-access-login-message { color: $dv-danger-color; -} \ No newline at end of file +} diff --git a/src/sections/file/file-citation/FileCitation.module.scss b/src/sections/file/file-citation/FileCitation.module.scss index 163a91410..63e5a73e0 100644 --- a/src/sections/file/file-citation/FileCitation.module.scss +++ b/src/sections/file/file-citation/FileCitation.module.scss @@ -1,4 +1,4 @@ -@import "node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module"; +@import 'node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module'; .container { margin: 0 0 20px; diff --git a/src/sections/file/file-labels/FileLabels.module.scss b/src/sections/file/file-labels/FileLabels.module.scss index ec77535e7..0fe9630bf 100644 --- a/src/sections/file/file-labels/FileLabels.module.scss +++ b/src/sections/file/file-labels/FileLabels.module.scss @@ -1,3 +1,3 @@ .container > * { margin-right: 0.5em; -} \ No newline at end of file +} diff --git a/src/sections/file/file-metadata/FileMetadata.module.scss b/src/sections/file/file-metadata/FileMetadata.module.scss index c1b19e86e..179156a9a 100644 --- a/src/sections/file/file-metadata/FileMetadata.module.scss +++ b/src/sections/file/file-metadata/FileMetadata.module.scss @@ -1,17 +1,17 @@ -@import "node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module"; +@import 'node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module'; .row { - margin: 12px 0; + margin: 12px 0; } .help-text { - color: $dv-subtext-color; + color: $dv-subtext-color; } .code { - background-color: #F0F0F0; + background-color: #f0f0f0; } .preview > span { - font-size: 16.7em; -} \ No newline at end of file + font-size: 16.7em; +} diff --git a/src/sections/file/file-preview/FileIcon.module.scss b/src/sections/file/file-preview/FileIcon.module.scss index 415abc9d3..0cb812702 100644 --- a/src/sections/file/file-preview/FileIcon.module.scss +++ b/src/sections/file/file-preview/FileIcon.module.scss @@ -1,4 +1,4 @@ -@import "node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module"; +@import 'node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module'; .container { position: relative; @@ -9,4 +9,3 @@ color: $dv-subtext-color; font-size: 64px; } - diff --git a/src/sections/shared/citation/Citation.module.scss b/src/sections/shared/citation/Citation.module.scss index da18ce409..53f15c911 100644 --- a/src/sections/shared/citation/Citation.module.scss +++ b/src/sections/shared/citation/Citation.module.scss @@ -1,9 +1,9 @@ -@import "node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module"; +@import 'node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module'; .description { margin-bottom: 1em; } .text { - color: $dv-subtext-color -} \ No newline at end of file + color: $dv-subtext-color; +} diff --git a/src/sections/shared/layout/SeparationLine/SeparationLine.module.scss b/src/sections/shared/layout/SeparationLine/SeparationLine.module.scss index 75a046a0b..21f3415c3 100644 --- a/src/sections/shared/layout/SeparationLine/SeparationLine.module.scss +++ b/src/sections/shared/layout/SeparationLine/SeparationLine.module.scss @@ -1,4 +1,4 @@ .separation-line { margin: 1em 0; border-bottom: 1px solid #dee2e6; -} \ No newline at end of file +} diff --git a/src/sections/shared/pagination/Pagination.module.scss b/src/sections/shared/pagination/Pagination.module.scss index c5b97fb62..763a70cb2 100644 --- a/src/sections/shared/pagination/Pagination.module.scss +++ b/src/sections/shared/pagination/Pagination.module.scss @@ -1,4 +1,4 @@ -@import "node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/typography.module"; +@import 'node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/typography.module'; .row { justify-content: center; @@ -6,11 +6,11 @@ .container { display: flex; - align-items: center; + align-items: center; } .size-selector-container { - display:flex; + display: flex; margin-bottom: 14px; margin-left: 28px; @@ -22,4 +22,4 @@ .results { margin-right: 4px; font-weight: $dv-font-weight-bold; -} \ No newline at end of file +} diff --git a/src/sections/upload-dataset-files/FileUploader.module.scss b/src/sections/upload-dataset-files/FileUploader.module.scss index 3e76ca70b..6cdeaf1fc 100644 --- a/src/sections/upload-dataset-files/FileUploader.module.scss +++ b/src/sections/upload-dataset-files/FileUploader.module.scss @@ -1,85 +1,85 @@ -@import "node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module"; +@import 'node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module'; .file_uploader { - min-height: 5em; + min-height: 5em; } .files { - display: grid; - grid-template-columns: repeat(4, auto); + display: grid; + grid-template-columns: repeat(4, auto); } .uploaded_files { - display: grid; - grid-template-columns: 4rem repeat(3, auto) 3.5rem; + display: grid; + grid-template-columns: 4rem repeat(3, auto) 3.5rem; } -.selected_file>div { - margin-bottom: 0.5rem; - padding: 0.5rem; - background-color: #ffc !important; +.selected_file > div { + margin-bottom: 0.5rem; + padding: 0.5rem; + background-color: #ffc !important; } -.file:nth-of-type(even)>div { - margin-bottom: 0.5rem; - padding: 0.5rem; - background-color: #f8f9fc; +.file:nth-of-type(even) > div { + margin-bottom: 0.5rem; + padding: 0.5rem; + background-color: #f8f9fc; } -.file:nth-of-type(odd)>div { - margin-bottom: 0.5rem; - padding: 0.5rem; - background-color: white; +.file:nth-of-type(odd) > div { + margin-bottom: 0.5rem; + padding: 0.5rem; + background-color: white; } .file { - display: contents; + display: contents; } .selected_file { - display: contents; + display: contents; } .file_name { - padding: 0.25em; + padding: 0.25em; } .failed { - padding: 0.25em; - color: $dv-danger-color; - text-decoration: line-through; + padding: 0.25em; + color: $dv-danger-color; + text-decoration: line-through; } .file_size { - padding: 0.25em; + padding: 0.25em; } .cancel_upload { - padding-block: 0.1rem; + padding-block: 0.1rem; } .upload_progress { - min-width: 10em; + min-width: 10em; } .icon { - display: inline-block; + display: inline-block; } .info { - padding: 0.5em; - color: $dv-subtext-color; - font-size: 1.3em; - text-align: center; + padding: 0.5em; + color: $dv-subtext-color; + font-size: 1.3em; + text-align: center; } .selected_files_checkbox { - display: inline-flex; - align-items: center; + display: inline-flex; + align-items: center; } .save_btn { - display: flex; - justify-content: flex-end; - padding-top: 1rem; + display: flex; + justify-content: flex-end; + padding-top: 1rem; } diff --git a/src/sections/upload-dataset-files/uploaded-files-list/add-tags-modal/AddTagsModal.module.scss b/src/sections/upload-dataset-files/uploaded-files-list/add-tags-modal/AddTagsModal.module.scss index bbf815fe6..0f36a9141 100644 --- a/src/sections/upload-dataset-files/uploaded-files-list/add-tags-modal/AddTagsModal.module.scss +++ b/src/sections/upload-dataset-files/uploaded-files-list/add-tags-modal/AddTagsModal.module.scss @@ -1,26 +1,26 @@ -@import "node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module"; +@import 'node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module'; .add_tags_form { - padding-block: 0.5em; + padding-block: 0.5em; } .tags { - display: flex; + display: flex; } -.tags_select{ - width: 100%; +.tags_select { + width: 100%; } .tag_options { - padding-block: 0.5em; + padding-block: 0.5em; } .tag_info { - padding-block: 0.5em; - color: $dv-subtext-color; + padding-block: 0.5em; + color: $dv-subtext-color; } .apply_button { - height: 2.4rem; + height: 2.4rem; } diff --git a/src/sections/upload-dataset-files/uploaded-files-list/file-form/FileForm.module.scss b/src/sections/upload-dataset-files/uploaded-files-list/file-form/FileForm.module.scss index 952d71834..abebdbd04 100644 --- a/src/sections/upload-dataset-files/uploaded-files-list/file-form/FileForm.module.scss +++ b/src/sections/upload-dataset-files/uploaded-files-list/file-form/FileForm.module.scss @@ -1,17 +1,17 @@ .file_form { - padding: 0.25em; + padding: 0.25em; } .tags { - display: flex; - gap: 0.5rem; + display: flex; + gap: 0.5rem; } .edit_tags_btn { - margin: 0; - padding-inline: 8px; + margin: 0; + padding-inline: 8px; } -.tags_select{ - width: 100%; +.tags_select { + width: 100%; } diff --git a/src/sections/upload-dataset-files/uploaded-files-list/files-header/FilesHeader.module.scss b/src/sections/upload-dataset-files/uploaded-files-list/files-header/FilesHeader.module.scss index 47760326c..67765a092 100644 --- a/src/sections/upload-dataset-files/uploaded-files-list/files-header/FilesHeader.module.scss +++ b/src/sections/upload-dataset-files/uploaded-files-list/files-header/FilesHeader.module.scss @@ -1,25 +1,25 @@ .icon_pencil { - margin-right: 0.3rem; - margin-bottom: 0.2rem; + margin-right: 0.3rem; + margin-bottom: 0.2rem; } .selected_files_checkbox { - display: inline-flex; - align-items: center; - padding-right: 2rem; - padding-left: 0.5rem; + display: inline-flex; + align-items: center; + padding-right: 2rem; + padding-left: 0.5rem; } .selected_files_info { - position: absolute; - right: 0; - display: inline-flex; - align-items: center; - justify-content: flex-end; + position: absolute; + right: 0; + display: inline-flex; + align-items: center; + justify-content: flex-end; } .uploaded_files_info { - display: inline-flex; - align-items: center; - padding-left: 1em; + display: inline-flex; + align-items: center; + padding-left: 1em; } diff --git a/src/sections/upload-dataset-files/uploaded-files-list/restriction-modal/RestrictionModal.module.scss b/src/sections/upload-dataset-files/uploaded-files-list/restriction-modal/RestrictionModal.module.scss index d2367d31b..07888e745 100644 --- a/src/sections/upload-dataset-files/uploaded-files-list/restriction-modal/RestrictionModal.module.scss +++ b/src/sections/upload-dataset-files/uploaded-files-list/restriction-modal/RestrictionModal.module.scss @@ -1,12 +1,12 @@ -@import "node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module"; +@import 'node_modules/@iqss/dataverse-design-system/src/lib/assets/styles/design-tokens/colors.module'; .restriction_form { - padding-top: 0.5em; - padding-bottom: 0.5em; + padding-top: 0.5em; + padding-bottom: 0.5em; } .restriction_info { - padding-top: 0.5em; - padding-bottom: 0.5em; - color: $dv-subtext-color; -} \ No newline at end of file + padding-top: 0.5em; + padding-bottom: 0.5em; + color: $dv-subtext-color; +} diff --git a/tests/support/component-index.html b/tests/support/component-index.html index dec6b92ce..910611c2f 100644 --- a/tests/support/component-index.html +++ b/tests/support/component-index.html @@ -1,12 +1,12 @@ - - - - + + + + Components App - - -
- - \ No newline at end of file + + +
+ +