Skip to content

Commit

Permalink
refactor: added box-shadows
Browse files Browse the repository at this point in the history
  • Loading branch information
PKulkoRaccoonGang committed Dec 27, 2023
1 parent e4a113a commit a8e7196
Show file tree
Hide file tree
Showing 8 changed files with 70 additions and 12 deletions.
2 changes: 1 addition & 1 deletion paragon/_overrides.scss
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,8 @@
// Alerts

.alert-dismissible .close {
color: theme-color("gray");
opacity: 1;
color: theme-color("gray");

&:hover {
color: theme-color("gray");
Expand Down
2 changes: 1 addition & 1 deletion paragon/css/core/custom-media-breakpoints.css
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* IMPORTANT: This file is the result of assembling design tokens
* Do not edit directly
* Generated on Sun, 23 Jul 2023 16:09:04 GMT
* Generated on Fri, 25 Aug 2023 10:06:17 GMT
*/

6 changes: 2 additions & 4 deletions paragon/css/core/index.css
Original file line number Diff line number Diff line change
@@ -1,4 +1,2 @@
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Roboto+Mono&display=swap');

@import "./custom-media-breakpoints.css";
@import "./variables.css";
@import "custom-media-breakpoints.css";
@import "variables.css";
2 changes: 1 addition & 1 deletion paragon/css/core/variables.css
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
/**
* IMPORTANT: This file is the result of assembling design tokens
* Do not edit directly
* Generated on Thu, 27 Jul 2023 08:38:40 GMT
* Generated on Fri, 25 Aug 2023 10:06:17 GMT
*/

:root {
Expand Down
13 changes: 10 additions & 3 deletions paragon/css/themes/light/variables.css
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
/**
* IMPORTANT: This file is the result of assembling design tokens
* Do not edit directly
* Generated on Thu, 10 Aug 2023 08:21:39 GMT
* Generated on Fri, 25 Aug 2023 10:06:18 GMT
*/

:root {
Expand Down Expand Up @@ -63,8 +63,12 @@
--pgn-elevation-box-shadow-level-3: 0px 8px 20px 0px rgba(0,0,0,0.15), 0px 10px 20px 0px rgba(0,0,0,0.15);
--pgn-elevation-box-shadow-level-2: 0px 4px 10px 0px rgba(0,0,0,0.15), 0px 8px 16px 0px rgba(0,0,0,0.15);
--pgn-elevation-box-shadow-level-1: 0px 2px 8px 0px rgba(0,0,0,0.15), 0px 2px 4px 0px rgba(0,0,0,0.15);
--pgn-elevation-image-thumbnail-box-shadow: none;
--pgn-elevation-form-input-base: none;
--pgn-elevation-image-thumbnail-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
--pgn-elevation-form-control-select-border-base: inset 0 1px 2px rgba(0, 0, 0, .075);
--pgn-elevation-form-control-range-thumb-base: 0 .1rem .25rem rgba(0, 0, 0, .1);
--pgn-elevation-form-control-range-track: inset 0 .25rem .25rem rgba(0, 0, 0, .1);
--pgn-elevation-form-input-base: inset 0 1px 1px rgba(0, 0, 0, .075);
--pgn-elevation-code-kbd-box-shadow: inset 0 -.1rem 0 rgba(0, 0, 0, .25);
--pgn-color-info-base: #00688DFF;
--pgn-color-tooltip-bg-base: #00262BFF;
--pgn-color-tooltip-light: #00262BFF;
Expand Down Expand Up @@ -231,6 +235,8 @@
--pgn-elevation-box-shadow-sm: 0px 2px 8px 0px rgba(0,0,0,0.15), 0px 2px 4px 0px rgba(0,0,0,0.15);
--pgn-elevation-box-shadow-base: 0px 4px 10px 0px rgba(0,0,0,0.15), 0px 8px 16px 0px rgba(0,0,0,0.15);
--pgn-elevation-toast-box-shadow: 0px 8px 48px 0px rgba(0,0,0,0.15), 0px 20px 40px 0px rgba(0,0,0,0.15);
--pgn-elevation-form-control-select-border-focus: inset 0 1px 2px rgba(0, 0, 0, .075);
--pgn-elevation-form-control-indicator-checked-focus: inset 0 1px 1px rgba(0, 0, 0, .075);
--pgn-elevation-popover-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.15), 0px 8px 16px 0px rgba(0,0,0,0.15);
--pgn-elevation-modal-content-box-shadow-sm-up: 0px 8px 20px 0px rgba(0,0,0,0.15), 0px 10px 20px 0px rgba(0,0,0,0.15);
--pgn-elevation-dropdown-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.15), 0px 8px 16px 0px rgba(0,0,0,0.15);
Expand Down Expand Up @@ -274,6 +280,7 @@
--pgn-color-btn-border-inverse-outline-primary: #707070FF;
--pgn-color-btn-bg-inverse-brand: #D23228FF;
--pgn-color-input-btn-focus: #00262BFF;
--pgn-elevation-form-input-focus: 0 0 0 1px #00262BFF;
--pgn-color-btn-disabled-border-inverse-outline-primary: #707070FF;
--pgn-color-btn-disabled-text-inverse-warning: #D6B600FF;
--pgn-color-btn-disabled-text-outline-warning: #D6B600FF;
Expand Down
13 changes: 13 additions & 0 deletions tokens/src/themes/light/components/Code.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
{
"elevation": {
"code": {
"kbd": {
"box-shadow": {
"value": "inset 0 -.1rem 0 rgba(0, 0, 0, .25)",
"type": "shadow",
"source": "$kbd-box-shadow"
}
}
}
}
}
42 changes: 41 additions & 1 deletion tokens/src/themes/light/components/Form/elevation.json
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,47 @@
"elevation": {
"form": {
"input": {
"base": { "value": "none" }
"base": { "value": "inset 0 1px 1px rgba(0, 0, 0, .075)" },
"focus": {
"value": "{elevation.input.btn-focus.box-shadow}",
"type": "shadow",
"source": "$input-focus-box-shadow"
}
},
"control": {
"indicator": {
"checked": {
"focus": {
"value": "{elevation.form.input.base}",
"type": "shadow",
"source": "$custom-control-indicator-focus-box-shadow"
}
}
},
"range": {
"track": {
"value": "inset 0 .25rem .25rem rgba(0, 0, 0, .1)",
"type": "shadow",
"source": "$custom-range-track-box-shadow"
},
"thumb": {
"base": {
"value": "0 .1rem .25rem rgba(0, 0, 0, .1)", "type": "shadow", "source": "$custom-range-thumb-box-shadow"
}
}
},
"select": {
"border": {
"base": {
"value": "inset 0 1px 2px rgba(0, 0, 0, .075)", "type": "shadow", "source": "$custom-select-box-shadow"
},
"focus": {
"value": "{elevation.form.control.select.border.base}",
"type": "shadow",
"source": "$custom-select-focus-box-shadow"
}
}
}
}
}
}
Expand Down
2 changes: 1 addition & 1 deletion tokens/src/themes/light/components/Image.json
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
"elevation": {
"image": {
"thumbnail": {
"box-shadow": { "value": "none" }
"box-shadow": { "value": "0 1px 2px rgba(0, 0, 0, .075)" }
}
}
}
Expand Down

0 comments on commit a8e7196

Please sign in to comment.