Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 2 additions & 1 deletion semcore/button/src/component/Button/button.shadow.css
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,6 @@ SButton {
-webkit-tap-highlight-color: transparent;
font-weight: var(--intergalactic-medium, 500);
color: var(--intergalactic-control-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
min-width: fit-content;

&::-moz-focus-inner {
padding: 0;
Expand Down Expand Up @@ -50,6 +49,7 @@ SButton[size='s'] {

SButton[size='m'] {
height: var(--intergalactic-form-control-m, 32px);
min-width: var(--intergalactic-form-control-m, 32px);
border-radius: var(--intergalactic-control-rounded, 6px);
font-size: var(--intergalactic-fs-200, 14px);
}
Expand All @@ -61,6 +61,7 @@ SButton[size='m']:has(SAddon:only-child) {

SButton[size='l'] {
height: var(--intergalactic-form-control-l, 44px);
min-width: var(--intergalactic-form-control-l, 44px);
border-radius: var(--intergalactic-control-rounded, 6px);
font-size: var(--intergalactic-fs-300, 16px);
}
Expand Down
Comment thread
sheila-semrush marked this conversation as resolved.
13 changes: 7 additions & 6 deletions semcore/modal/src/style/modal.shadow.css
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ SWindow {
background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
box-sizing: border-box;
margin: auto;
padding: var(--intergalactic-spacing-10x, 40px);
padding: var(--intergalactic-spacing-content-padding-xxlarge, 40px);
box-shadow: var(--intergalactic-box-shadow-modal, 0px 1px 5px 0px oklch(0.176 0.033 175.7 / 0.07));
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));

Expand All @@ -18,7 +18,7 @@ SWindow {
line-height: var(--intergalactic-lh-500, 117%);
font-weight: var(--intergalactic-semi-bold, 600);
margin-bottom: var(--intergalactic-spacing-2x, 8px);
margin-right: var(--intergalactic-spacing-4x, 16px);
margin-right: var(--intergalactic-spacing-8x, 32px);
}

STitle[color] {
Expand All @@ -28,8 +28,9 @@ SWindow {
SClose {
display: inline-flex;
position: absolute;
right: var(--intergalactic-spacing-2x, 8px);
top: var(--intergalactic-spacing-2x, 8px);
right: var(--intergalactic-spacing-content-padding-small, 8px);
top: var(--intergalactic-spacing-content-padding-small, 8px);
width: var(--intergalactic-form-control-l, 44px);
}
SClose[ghost] {
right: 0;
Expand All @@ -47,7 +48,7 @@ SOverlayContentWrapper {
flex: 1;
max-width: 100%;
box-sizing: border-box;
padding: var(--intergalactic-spacing-10x, 40px);
padding: var(--intergalactic-spacing-content-padding-xxlarge, 40px);
}

SOverlay {
Expand Down Expand Up @@ -76,6 +77,6 @@ SOverlay {
}

SOverlayContentWrapper {
padding: var(--intergalactic-spacing-3x, 12px);
padding: var(--intergalactic-spacing-content-padding-medium, 12px);
}
}
Original file line number Diff line number Diff line change
Expand Up @@ -13,10 +13,10 @@ const Demo = () => {
<Button onClick={handleOpen}>Open modal</Button>
<Modal visible={visible} onClose={handleClose}>
<Modal.Title>Do you want to save your changes?</Modal.Title>
<Text size={200} mb={4} tag='p'>
<Text size={300} mb={4} tag='p'>
Your changes will be lost if you don't save them.
</Text>
<Button use='primary' theme='success' size='l' onClick={handleClose}>
<Button use='primary' size='l' onClick={handleClose}>
Save changes
</Button>
<Button size='l' ml={2} onClick={handleClose}>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ const Demo = () => {
</Text>
))}
<Flex justifyContent='center' mt={8}>
<Button use='primary' theme='success' size='l' onClick={closeModal}>
<Button use='primary' size='l' onClick={closeModal}>
Got it!
</Button>
</Flex>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ const Demo = () => {
<Text size={300} mb={3} tag='p'>
Use this example for the cases when you need to open one more window inside the other modal window.
</Text>
<Button size='l' use='primary' theme='brand' onClick={handleSecondClose}>
<Button size='l' use='secondary' onClick={handleSecondClose}>
Close
</Button>
</Modal>
Expand Down
6 changes: 3 additions & 3 deletions website/docs/style/design-tokens/base-tokens.json
Original file line number Diff line number Diff line change
Expand Up @@ -815,12 +815,12 @@
"description": "Should be used for simpler effects and relatively small-sized animations (such as fades or color changes)"
},
{
"name": "--intergalactic-easing-fast",
"name": "--intergalactic-easings-fast",
"value": "cubic-bezier(0.5, 0, 0, 1.12)",
"description": "Should be used for fast animation timing function"
},
{
"name": "--intergalactic-easing-medium",
"name": "--intergalactic-easings-medium",
"value": "cubic-bezier(0.5, 0, 0, 1.09)",
"description": "Should be used for medium animation timing function"
},
Expand Down Expand Up @@ -948,4 +948,4 @@
"name": "--intergalactic-text-link-invert-hover",
"value": "oklch(0.999 0.001 180 / 0.949)"
}
]
]
10 changes: 8 additions & 2 deletions website/docs/style/design-tokens/design-tokens.json
Original file line number Diff line number Diff line change
Expand Up @@ -3135,6 +3135,7 @@
"button",
"input",
"input-tags",
"modal",
"pills",
"tab-line",
"time-picker"
Expand All @@ -3150,7 +3151,9 @@
"name": "--intergalactic-spacing-content-padding-small",
"value": "8px",
"description": "Small padding for content inside controls and surfaces.",
"components": []
"components": [
"modal"
]
},
{
"name": "--intergalactic-spacing-content-padding-medium",
Expand All @@ -3159,6 +3162,7 @@
"components": [
"button",
"input",
"modal",
"time-picker"
]
},
Expand All @@ -3178,7 +3182,9 @@
"name": "--intergalactic-spacing-content-padding-xxlarge",
"value": "40px",
"description": "2x large padding for content inside controls and surfaces.",
"components": []
"components": [
"modal"
]
},
{
"name": "--intergalactic-spacing-content-gap-small",
Expand Down
Loading