Skip to content

Commit

Permalink
update colors (#121)
Browse files Browse the repository at this point in the history 
* update colors

* v0.1.1

* Revert "v0.1.1"

This reverts commit 6b5acb9.

* v1.0.0-alpha.0

* Add parent categories to stories (#119)

* update colors

* update colors

* update colors

* add missing imports

---------

Co-authored-by: Marco Falkenberg <[email protected]>
  • Loading branch information
@Lisa18289 @mfal
Lisa18289 and mfal authored Jan 23, 2024
1 parent f48ab85 commit 9788d48
Show file tree
Hide file tree
Showing 18 changed files with 137 additions and 158 deletions.
27 changes: 15 additions & 12 deletions packages/components/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,24 +3,27 @@
"version": "0.1.1-alpha.0",
"type": "module",
"exports": {
"./Avatar": "./dist/Avatar.js",
"./Badge": "./dist/Badge.js",
"./Button": "./dist/Button.js",
"./Checkbox": "./dist/Checkbox.js",
"./Content": "./dist/Content.js",
"./FieldDescription": "./dist/FieldDescription.js",
"./FieldError": "./dist/FieldError.js",
"./Heading": "./dist/Heading.js",
"./Icon": "./dist/Icon.js",
"./Text": "./dist/Text.js",
"./Image": "./dist/Image.js",
"./Initials": "./dist/Initials.js",
"./Label": "./dist/Label.js",
"./Heading": "./dist/Heading.js",
"./Note": "./dist/Note.js",
"./Navigation": "./dist/Navigation.js",
"./Badge": "./dist/Badge.js",
"./Link": "./dist/Link.js",
"./TextField": "./dist/TextField.js",
"./TextArea": "./dist/TextArea.js",
"./FieldError": "./dist/FieldError.js",
"./FieldDescription": "./dist/FieldDescription.js",
"./Content": "./dist/Content.js",
"./Navigation": "./dist/Navigation.js",
"./Note": "./dist/Note.js",
"./RadioGroup": "./dist/RadioGroup.js",
"./Switch": "./dist/Switch.js",
"./Checkbox": "./dist/Checkbox.js",
"./StatusIcon": "./dist/StatusIcon.js",
"./Switch": "./dist/Switch.js",
"./Text": "./dist/Text.js",
"./TextArea": "./dist/TextArea.js",
"./TextField": "./dist/TextField.js",
"./Tooltip": "./dist/Tooltip.js",
"./style": "./dist/style.css",
"./style/init": "./dist/index.js"
Expand Down
2 changes: 1 addition & 1 deletion packages/components/src/components/TextArea/stories/Default.stories.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ import FieldDescription from "@/components/FieldDescription/FieldDescription";
import { FieldError } from "@/components/FieldError";

const meta: Meta<typeof TextArea> = {
title: "TextArea",
title: "Forms/TextArea",
component: TextArea,
render: (props) => (
<TextArea onChange={action("onChange")} {...props}>
Expand Down
2 changes: 1 addition & 1 deletion packages/components/src/components/Tooltip/stories/Default.stories.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ import { Icon } from "@/components/Icon";
import { faCopy } from "@fortawesome/free-regular-svg-icons/faCopy";

const meta: Meta<typeof Tooltip> = {
title: "Tooltip",
title: "Overlays/Tooltip",
component: Tooltip,
render: () => (
<TooltipTrigger>
Expand Down
2 changes: 1 addition & 1 deletion packages/components/src/components/Tooltip/stories/EdgeCases.stories.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ import { dummyText } from "@/lib/dev/dummyText";

const meta: Meta<typeof Tooltip> = {
...defaultMeta,
title: "Tooltip/Edge Cases",
title: "Overlays/Tooltip/Edge Cases",
render: () => (
<TooltipTrigger>
<Button aria-label="copy">
Expand Down
25 changes: 14 additions & 11 deletions packages/components/vite.build.config.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,27 +8,30 @@ export default defineConfig(
build: {
lib: {
entry: {
Avatar: "./src/components/Avatar/index.ts",
Badge: "./src/components/Badge/index.ts",
Button: "./src/components/Button/index.ts",
Checkbox: "./src/components/Checkbox/index.ts",
Content: "./src/components/Content/index.ts",
FieldDescription: "./src/components/FieldDescription/index.ts",
FieldError: "./src/components/FieldError/index.ts",
Heading: "./src/components/Heading/index.ts",
Icon: "./src/components/Icon/index.ts",
Image: "./src/components/Image/index.ts",
Initials: "./src/components/Initials/index.ts",
Label: "./src/components/Label/index.ts",
Link: "./src/components/Link/index.ts",
Navigation: "./src/components/Navigation/index.ts",
NavigationItem:
"./src/components/Navigation/components/NavigationItem/index.ts",
RadioGroup: "./src/components/RadioGroup/index.ts",
Note: "./src/components/Note/index.ts",
Radio: "./src/components/RadioGroup/components/Radio/index.ts",
RadioGroup: "./src/components/RadioGroup/index.ts",
StatusIcon: "./src/components/StatusIcon/index.ts",
Switch: "./src/components/Switch/index.ts",
Text: "./src/components/Text/index.ts",
TextField: "./src/components/TextField/index.ts",
TextArea: "./src/components/TextArea/index.ts",
FieldError: "./src/components/FieldError/index.ts",
FieldDescription: "./src/components/FieldDescription/index.ts",
Switch: "./src/components/Switch/index.ts",
Checkbox: "./src/components/Checkbox/index.ts",
Heading: "./src/components/Heading/index.ts",
Note: "./src/components/Note/index.ts",
StatusIcon: "./src/components/StatusIcon/index.ts",
Badge: "./src/components/Badge/index.ts",
Link: "./src/components/Link/index.ts",
TextField: "./src/components/TextField/index.ts",
Tooltip: "./src/components/Tooltip/index.ts",
TooltipTrigger:
"./src/components/Tooltip/components/TooltipTrigger/index.ts",
Expand Down
139 changes: 56 additions & 83 deletions packages/design-tokens/src/color-palette.yml
View file
Original file line number Diff line number Diff line change
@@ -1,33 +1,33 @@
color:
gray:
100:
value: rgb(255,255,255)
value: "#FFFFFF"
200:
value: rgb(253,253,253)
value: "#FDFDFD"
300:
value: rgb(248,248,248)
value: "#F8F8F8"
400:
value: rgb(230,230,230)
value: "#E6E6E6"
500:
value: rgb(213,213,213)
value: "#D5D5D5"
600:
value: rgb(177,177,177)
value: "#B1B1B1"
700:
value: rgb(144,144,144)
value: "#909090"
800:
value: rgb(109,109,109)
value: "#6D6D6D"
900:
value: rgb(70,70,70)
value: "#464646"
1000:
value: rgb(34,34,34)
value: "#222222"
1100:
value: rgb(0,0,0)
value: "#000000"

hosting-blue:
100:
value: "#DEE9FF"
value: "#F0F5FF"
200:
value: "#CCDEFF"
value: "#E0EBFF"
300:
value: "#A8C6FF"
400:
Expand All @@ -41,134 +41,107 @@ color:
800:
value: "#0054F5"
900:
value: "#003CAE"
value: "#003FB8"
1000:
value: "#002366"
value: "#002A7B"
1100:
value: "#001743"

navy-blue:
100:
value: "#D9DEF3"
200:
value: "#C8CFEE"
300:
value: "#A5B0E2"
400:
value: "#8291D7"
500:
value: "#5F73CC"
600:
value: "#3D55C1"
700:
value: "#32459E"
800:
value: "#27367B"
900:
value: "#1D285C"
1000:
value: "#131B3D"
1100:
value: "#0E142E"
value: "#00205C"

espelkamp-green:
100:
value: "#C0FFEC"
value: "#F8FFFD"
200:
value: "#A6FFE4"
value: "#D9FFF4"
300:
value: "#73FFD5"
value: "#99FFE0"
400:
value: "#40FFC5"
value: "#2EFFC0"
500:
value: "#0DFFB6"
value: "#00F5AB"
600:
value: "#00D998"
value: "#00D192"
700:
value: "#00A674"
value: "#00A673"
800:
value: "#00825B"
900:
value: "#005F42"
1000:
value: "#003B29"
1100:
value: "#00291D"
value: "#00291C"

amaranth-red:
100:
value: "#F7C5D2"
value: "#FDF0F3"
200:
value: "#F5B4C3"
value: "#FBE0E6"
300:
value: "#F090A6"
value: "#F7C1CC"
400:
value: "#EB6C89"
value: "#F2A2B3"
500:
value: "#E6486B"
value: "#EE8299"
600:
value: "#E1244C"
value: "#EA637F"
700:
value: "#BD1A3B"
value: "#E54366"
800:
value: "#95142D"
value: "#E1244C"
900:
value: "#6C0F20"
value: "#B4193A"
1000:
value: "#440914"
value: "#83122A"
1100:
value: "#30070"
value: "#6A0F22"

royal-orange:
100:
value: "#FFF9F1"
value: "#FFF4EB"
200:
value: "#FEEFE3"
value: "#FFEBDC"
300:
value: "#FFE4D0"
value: "#FFD9BD"
400:
value: "#FFC9A1"
value: "#FFC89F"
500:
value: "#FFAE72"
value: "#FFA562"
600:
value: "#FF9343"
700:
value: "#D4573E"
value: "#FF8225"
800:
value: "#BF393C"
value: "#F56800"
900:
value: "#BF393C"
value: "#C25200"
1000:
value: "#BF393C"
value: "#8F3D00"
1100:
value: "#BF393C"
value: "#763200"

soft-contrast-violet:
100:
value: "#eeecff"
value: "#F4F3FE"
200:
value: "#eeecff"
value: "#EAE7FD"
300:
value: "#eeecff"
value: "#D6D0FA"
400:
value: "#dbd7f8"
value: "#C2B9F8"
500:
value: "#b8aef7"
value: "#AEA2F5"
600:
value: "#9485f2"
value: "#998BF3"
700:
value: "#715dee"
value: "#8574F0"
800:
value: "#5c50ca"
value: "#715DEE"
900:
value: "#4743a5"
value: "#5C50CA"
1000:
value: "#4743a5"
value: "#534FB8"
1100:
value: "#4743a5"

white:
value: rgb(255,255,255)
value: "#4743A5"

transparent:
value: transparent
10 changes: 5 additions & 5 deletions packages/design-tokens/src/components/badge.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,14 +16,14 @@ badge:
icon-to-text-spacing:
value: 0.5em
color:
value: "{color.white}"
value: "{neutral.color.100}"

# Variants
info-background-color:
value: "{informative.color.700}"
value: "{informative.color.800}"
success-background-color:
value: "{accent.color.700}"
value: "{accent.color.800}"
warning-background-color:
value: "{warning.color.700}"
value: "{warning.color.800}"
negative-background-color:
value: "{negative.color.700}"
value: "{negative.color.800}"
Loading

1 comment on commit 9788d48

@github-actions
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Coverage report for ./packages/components/

St.❔
 Category Percentage Covered / Total
🟢 Statements 98.04% 100/102
🟢 Branches 93.75% 30/32
🟢 Functions 100% 27/27
🟢 Lines 98.04% 100/102

Test suite run success

51 tests passing in 9 suites.

Report generated by 🧪jest coverage report action from 9788d48

Please sign in to comment.