Skip to content

Commit

Permalink
[Alert]: updated example, updated stylelint config
Browse files Browse the repository at this point in the history
  • Loading branch information
siarhei-epam committed Nov 26, 2024
1 parent 94230d9 commit 4f1e9ee
Show file tree
Hide file tree
Showing 3 changed files with 8 additions and 10 deletions.
1 change: 1 addition & 0 deletions app/src/docs/_examples/alert/Sizes.example.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@ export default function BasicAlertExample() {
{' '}
</SuccessAlert>
<WarningAlert
size="48"
onClose={ () => alert('close action') }
actions={ [{ name: 'ACTION 1', action: () => null }, { name: 'ACTION 2', action: () => null }] }
>
Expand Down
6 changes: 6 additions & 0 deletions uui-build/linting/stylelintrc.base.js
Original file line number Diff line number Diff line change
Expand Up @@ -73,6 +73,12 @@ const SCSS_COMMON_RULES = {
'scss/selector-no-redundant-nesting-selector': null,
'scss/dollar-variable-pattern': null,
'scss/no-global-function-names': null,
'length-zero-no-unit': [
true, {
ignore: ['custom-properties'],
ignoreFunctions: ['var', '/^--/'],
},
],
};

module.exports = {
Expand Down
11 changes: 1 addition & 10 deletions uui/components/overlays/Alert.module.scss
Original file line number Diff line number Diff line change
Expand Up @@ -6,11 +6,8 @@
--uui-alert-border: var(--uui-color-50);
--uui-alert-icon: var(--uui-color-50);

//--uui-alert-font: var(--uui-font);
//--uui-alert-font-weight: var(--uui-font-weight, 400);

--uui-alert-min-height: var(--uui-size);
--uui-alert-min-width: 170px; // TODO: need clarify
--uui-alert-min-width: 170px;
--uui-alert-border-radius: var(--uui-border-radius);
--uui-alert-border-width: 0px;
--uui-alert-indicator-border-width: 6px;
Expand All @@ -20,8 +17,6 @@
--uui-alert-padding-v: 9px;
--uui-alert-caption-gap-h: 12px;
--uui-alert-icon-size: var(--uui-icon-size);
//--uui-alert-line-height: var(--uui-line-height);
//--uui-alert-font-size: var(--uui-font-size);

//
box-sizing: border-box;
Expand Down Expand Up @@ -59,10 +54,6 @@
column-gap: var(--uui-alert-gap-h);
row-gap: var(--uui-alert-gap-v);
width: 100%;
//font-family: var(--uui-alert-font);
//font-weight: var(--uui-alert-font-weight);
//line-height: var(--uui-alert-line-height);
//font-size: var(--uui-alert-font-size);
}

.action-wrapper {
Expand Down

0 comments on commit 4f1e9ee

Please sign in to comment.