From 1fb629bdfe0183f7072391af4efdab3de0e7bd03 Mon Sep 17 00:00:00 2001 From: Rafael Specht Date: Wed, 5 Jun 2024 20:46:27 -0300 Subject: [PATCH] chore: add component specific tokens --- .changeset/calm-readers-rest.md | 6 + packages/design-tokens/config.js | 55 + .../src/tokens/color.tokens.json | 1803 +++++++++++++++++ .../__snapshots__/theme.test.tsx.snap | 565 ++++++ 4 files changed, 2429 insertions(+) create mode 100644 .changeset/calm-readers-rest.md diff --git a/.changeset/calm-readers-rest.md b/.changeset/calm-readers-rest.md new file mode 100644 index 000000000..3bcf57316 --- /dev/null +++ b/.changeset/calm-readers-rest.md @@ -0,0 +1,6 @@ +--- +"@localyze-pluto/design-tokens": minor +"@localyze-pluto/theme": minor +--- + +Add component specific tokens diff --git a/packages/design-tokens/config.js b/packages/design-tokens/config.js index 0e8a387cb..2ac4dcb6d 100644 --- a/packages/design-tokens/config.js +++ b/packages/design-tokens/config.js @@ -32,6 +32,61 @@ const colorPrefixes = [ "bg", "content", "border", + + "checkbox", + "tooltip", + "title", + "toast", + "text-area", + "table-header", + "table-cell", + "table", + "tab", + "status-dot", + "step-progress", + "step-progress-item", + "switch", + "step-header", + "step-indicator", + "step-card", + "select", + "sidebar-link-icon", + "sidebar", + "sidebar-link", + "radio-button", + "search", + "radio", + "progess", + "paragraph", + "pagination-item", + "modal", + "logo", + "link", + "help-text", + "icon-wrapper", + "hero-section", + "emoji-wrapper", + "form-field", + "field-text", + "field-suffix", + "field-prefix", + "field-label", + "dropzone", + "document-upload", + "document-list-item", + "document-list-header", + "document-list", + "divider", + "day-label", + "callout", + "day", + "date-picker", + "card", + "button", + "bullet", + "badge", + "avatar", + "alert-dialog", ]; module.exports = { diff --git a/packages/design-tokens/src/tokens/color.tokens.json b/packages/design-tokens/src/tokens/color.tokens.json index 4e4368cd2..9889a178d 100644 --- a/packages/design-tokens/src/tokens/color.tokens.json +++ b/packages/design-tokens/src/tokens/color.tokens.json @@ -535,5 +535,1808 @@ "error": { "value": "#B91C1C" } + }, + "checkbox": { + "indeterminate-icon-inactive": { + "value": "{gray.50}" + }, + "indeterminate-border-inactive": { + "value": "{gray.400}" + }, + "indeterminate-bg-inactive": { + "value": "{gray.400}" + }, + "indeterminate-icon-focus": { + "value": "{gray.50}" + }, + "indeterminate-border-focus": { + "value": "{loca-marine.600}" + }, + "indeterminate-bg-focus": { + "value": "{loca-marine.600}" + }, + "indeterminate-border-active": { + "value": "{gray.600}" + }, + "indeterminate-bg-active": { + "value": "{gray.50}" + }, + "indeterminate-icon-hover": { + "value": "{gray.50}" + }, + "indeterminate-border-hover": { + "value": "{loca-marine.700}" + }, + "indeterminate-bg-hover": { + "value": "{loca-marine.700}" + }, + "indeterminate-icon-default": { + "value": "{gray.50}" + }, + "indeterminate-border-default": { + "value": "{loca-marine.600}" + }, + "indeterminate-bg-default": { + "value": "{loca-marine.600}" + }, + "selected-icon-inactive": { + "value": "{gray.50}" + }, + "selected-border-inactive": { + "value": "{gray.400}" + }, + "selected-bg-inactive": { + "value": "{gray.400}" + }, + "selected-icon-focus": { + "value": "{gray.50}" + }, + "selected-border-focus": { + "value": "{loca-marine.600}" + }, + "selected-bg-focus": { + "value": "{loca-marine.600}" + }, + "selected-border-active": { + "value": "{gray.600}" + }, + "selected-bg-active": { + "value": "{gray.50}" + }, + "selected-icon-hover": { + "value": "{gray.50}" + }, + "selected-border-hover": { + "value": "{loca-marine.700}" + }, + "selected-bg-hover": { + "value": "{loca-marine.700}" + }, + "selected-icon-default": { + "value": "{gray.50}" + }, + "selected-border-default": { + "value": "{loca-marine.600}" + }, + "selected-bg-default": { + "value": "{loca-marine.600}" + }, + "unselected-border-error": { + "value": "{red.600}" + }, + "unselected-bg-error": { + "value": "{gray.50}" + }, + "unselected-border-inactive": { + "value": "{gray.400}" + }, + "unselected-bg-inactive": { + "value": "{gray.50}" + }, + "unselected-border-focus": { + "value": "{gray.600}" + }, + "unselected-bg-focus": { + "value": "{gray.50}" + }, + "unselected-icon-active": { + "value": "{gray.50}" + }, + "unselected-border-active": { + "value": "{loca-marine.600}" + }, + "unselected-bg-active": { + "value": "{loca-marine.600}" + }, + "unselected-icon-hover": { + "value": "{gray.50}" + }, + "unselected-border-hover": { + "value": "{gray.600}" + }, + "unselected-bg-hover": { + "value": "{gray.200}" + }, + "unselected-border-default": { + "value": "{gray.600}" + }, + "unselected-bg-default": { + "value": "{gray.50}" + }, + "content-label": { + "value": "{gray.900}" + }, + "bg-wrapper": { + "value": "{gray.200}" + } + }, + "tooltip": { + "content-secondary": { + "value": "{gray.300}" + }, + "content-primary": { + "value": "{gray.50}" + }, + "bg-default": { + "value": "{gray.800}" + } + }, + "title": { + "content-inverse": { + "value": "{gray.50}" + }, + "content-tertiary": { + "value": "{gray.700}" + }, + "content-secondary": { + "value": "{loca-marine.600}" + }, + "content-primary": { + "value": "{gray.900}" + } + }, + "toast": { + "label-neutral": { + "value": "{gray.900}" + }, + "icon-neutral": { + "value": "{gray.700}" + }, + "border-neutral": { + "value": "{gray.700}" + }, + "bg-neutral": { + "value": "{gray.100}" + }, + "label-error": { + "value": "{gray.900}" + }, + "icon-error": { + "value": "{red.600}" + }, + "border-error": { + "value": "{red.600}" + }, + "bg-error": { + "value": "{red.100}" + }, + "label-warning": { + "value": "{gray.900}" + }, + "icon-warning": { + "value": "{yellow.600}" + }, + "border-warning": { + "value": "{yellow.600}" + }, + "bg-warning": { + "value": "{yellow.100}" + }, + "label-success": { + "value": "{gray.900}" + }, + "icon-success": { + "value": "{green.600}" + }, + "border-success": { + "value": "{green.600}" + }, + "bg-success": { + "value": "{green.100}" + }, + "label-info": { + "value": "{gray.900}" + }, + "icon-info": { + "value": "{loca-marine.600}" + }, + "border-info": { + "value": "{loca-marine.600}" + }, + "bg-info": { + "value": "{loca-marine.200}" + } + }, + "text-area": { + "resize-default": { + "value": "{gray.900}" + }, + "border-inactive": { + "value": "{gray.600}" + }, + "bg-inactive": { + "value": "{gray.100}" + }, + "border-error": { + "value": "{red.700}" + }, + "bg-error": { + "value": "{gray.50}" + }, + "border-focus": { + "value": "{gray.600}" + }, + "bg-focus": { + "value": "{gray.50}" + }, + "border-active": { + "value": "{loca-marine.600}" + }, + "bg-active": { + "value": "{gray.50}" + }, + "border-hover": { + "value": "{gray.600}" + }, + "bg-hover": { + "value": "{gray.100}" + }, + "border-default": { + "value": "{gray.600}" + }, + "bg-default": { + "value": "{gray.50}" + } + }, + "table-header": { + "border-default": { + "value": "{gray.300}" + }, + "bg-default": { + "value": "{gray.100}" + }, + "content-default": { + "value": "{gray.900}" + } + }, + "table-cell": { + "gray-border-focus": { + "value": "{gray.300}" + }, + "gray-bg-focus": { + "value": "{gray.100}" + }, + "gray-border-active": { + "value": "{gray.300}" + }, + "gray-bg-active": { + "value": "{gray.200}" + }, + "gray-border-hover": { + "value": "{gray.300}" + }, + "gray-bg-hover": { + "value": "{gray.200}" + }, + "gray-border-default": { + "value": "{gray.300}" + }, + "gray-bg-default": { + "value": "{gray.100}" + }, + "gray-content-default": { + "value": "{gray.900}" + }, + "white-border-focus": { + "value": "{gray.300}" + }, + "white-bg-focus": { + "value": "{gray.50}" + }, + "white-border-active": { + "value": "{gray.300}" + }, + "white-bg-active": { + "value": "{gray.200}" + }, + "white-border-hover": { + "value": "{gray.300}" + }, + "white-bg-hover": { + "value": "{gray.200}" + }, + "white-border-default": { + "value": "{gray.300}" + }, + "white-bg-default": { + "value": "{gray.50}" + }, + "white-content-default": { + "value": "{gray.900}" + } + }, + "table": { + "border-default": { + "value": "{gray.300}" + }, + "bg-default": { + "value": "{gray.50}" + } + }, + "tab": { + "label-inactive": { + "value": "{gray.500}" + }, + "label-focus": { + "value": "{gray.700}" + }, + "border-active": { + "value": "{loca-marine.700}" + }, + "label-active": { + "value": "{loca-marine.700}" + }, + "border-hover": { + "value": "{gray.400}" + }, + "label-hover": { + "value": "{gray.800}" + }, + "label-default": { + "value": "{gray.700}" + } + }, + "status-dot": { + "bg-error": { + "value": "{red.500}" + }, + "bg-warning": { + "value": "{yellow.500}" + }, + "bg-success": { + "value": "{green.500}" + }, + "bg-neutral": { + "value": "{gray.700}" + }, + "bg-info": { + "value": "{loca-marine.600}" + } + }, + "step-progress": { + "content-secondary": { + "value": "{loca-marine.700}" + }, + "content-primary": { + "value": "{gray.50}" + }, + "bg-box": { + "value": "{loca-marine.600}" + } + }, + "step-progress-item": { + "content-finish": { + "value": "{gray.50}" + }, + "bg-finish": { + "value": "{gray.800}" + }, + "bg-progress": { + "value": "{loca-marine.600}" + }, + "bg-indicator": { + "value": "{gray.50}" + }, + "bg-box": { + "value": "{loca-marine.400}" + } + }, + "switch": { + "false-icon-inactive": { + "value": "{gray.50}" + }, + "false-button-inactive": { + "value": "{gray.50}" + }, + "false-bg-inactive": { + "value": "{gray.500}" + }, + "false-icon-focus": { + "value": "{gray.50}" + }, + "false-button-focus": { + "value": "{gray.50}" + }, + "false-bg-focus": { + "value": "{gray.600}" + }, + "false-icon-active": { + "value": "{gray.50}" + }, + "false-button-active": { + "value": "{gray.50}" + }, + "false-bg-active": { + "value": "{gray.600}" + }, + "false-icon-hover": { + "value": "{gray.50}" + }, + "false-button-hover": { + "value": "{gray.50}" + }, + "false-bg-hover": { + "value": "{gray.700}" + }, + "false-icon-default": { + "value": "{gray.50}" + }, + "false-button-default": { + "value": "{gray.50}" + }, + "false-bg-default": { + "value": "{gray.600}" + }, + "true-icon-inactive": { + "value": "{gray.50}" + }, + "true-button-inactive": { + "value": "{gray.50}" + }, + "true-bg-inactive": { + "value": "{gray.500}" + }, + "true-icon-focus": { + "value": "{gray.50}" + }, + "true-button-focus": { + "value": "{gray.50}" + }, + "true-bg-focus": { + "value": "{loca-marine.600}" + }, + "true-icon-active": { + "value": "{gray.50}" + }, + "true-button-active": { + "value": "{gray.50}" + }, + "true-bg-active": { + "value": "{loca-marine.600}" + }, + "true-icon-hover": { + "value": "{gray.50}" + }, + "true-button-hover": { + "value": "{gray.50}" + }, + "true-bg-hover": { + "value": "{loca-marine.700}" + }, + "true-icon-default": { + "value": "{gray.50}" + }, + "true-button-default": { + "value": "{gray.50}" + }, + "true-bg-default": { + "value": "{loca-marine.600}" + } + }, + "step-header": { + "label-preview": { + "value": "{gray.900}" + }, + "title-preview": { + "value": "{gray.700}" + }, + "label-complete": { + "value": "{gray.900}" + }, + "title-complete": { + "value": "{gray.900}" + }, + "label-todo": { + "value": "{gray.900}" + }, + "title-todo": { + "value": "{gray.900}" + } + }, + "step-indicator": { + "bg-active": { + "value": "{loca-marine.600}" + }, + "bg-default": { + "value": "{gray.300}" + } + }, + "step-card": { + "preview-title-default": { + "value": "{gray.700}" + }, + "preview-accent-default": { + "value": "{gray.600}" + }, + "preview-border-focus": { + "value": "{gray.600}" + }, + "preview-bg-focus": { + "value": "{gray.50}" + }, + "preview-border-active": { + "value": "{gray.600}" + }, + "preview-bg-active": { + "value": "{gray.50}" + }, + "preview-border-hover": { + "value": "{gray.600}" + }, + "preview-bg-hover": { + "value": "{gray.50}" + }, + "preview-border-default": { + "value": "{gray.300}" + }, + "preview-bg-default": { + "value": "{gray.50}" + }, + "complete-title-default": { + "value": "{gray.900}" + }, + "complete-accent-default": { + "value": "{green.600}" + }, + "complete-border-focus": { + "value": "{green.600}" + }, + "complete-bg-focus": { + "value": "{gray.50}" + }, + "complete-border-active": { + "value": "{green.600}" + }, + "complete-bg-active": { + "value": "{gray.50}" + }, + "complete-border-hover": { + "value": "{green.600}" + }, + "complete-bg-hover": { + "value": "{gray.50}" + }, + "complete-border-default": { + "value": "{gray.300}" + }, + "complete-bg-default": { + "value": "{gray.50}" + }, + "todo-title-default": { + "value": "{gray.900}" + }, + "todo-accent-default": { + "value": "{loca-marine.600}" + }, + "todo-border-focus": { + "value": "{loca-marine.600}" + }, + "todo-bg-focus": { + "value": "{gray.50}" + }, + "todo-border-active": { + "value": "{loca-marine.600}" + }, + "todo-bg-active": { + "value": "{gray.50}" + }, + "todo-border-hover": { + "value": "{loca-marine.600}" + }, + "todo-bg-hover": { + "value": "{gray.50}" + }, + "todo-border-default": { + "value": "{loca-marine.600}" + }, + "todo-bg-default": { + "value": "{gray.50}" + } + }, + "select": { + "icon-inactive": { + "value": "{gray.500}" + }, + "icon-error": { + "value": "{gray.700}" + }, + "icon-focus": { + "value": "{gray.700}" + }, + "icon-active": { + "value": "{gray.700}" + }, + "icon-hover": { + "value": "{gray.700}" + }, + "icon-default": { + "value": "{gray.700}" + } + }, + "sidebar-link-icon": { + "content-active": { + "value": "{loca-marine.700}" + }, + "content-default": { + "value": "{gray.700}" + } + }, + "sidebar": { + "icon-default": { + "value": "{gray.700}" + }, + "link-default": { + "value": "{gray.700}" + }, + "bg-default": { + "value": "{gray.50}" + } + }, + "sidebar-link": { + "selected-icon-focus": { + "value": "{gray.700}" + }, + "selected-label-focus": { + "value": "{loca-marine.700}" + }, + "selected-bg-focus": { + "value": "{gray.100}" + }, + "selected-icon-active": { + "value": "{gray.700}" + }, + "selected-label-active": { + "value": "{loca-marine.700}" + }, + "selected-bg-active": { + "value": "{gray.100}" + }, + "selected-icon-hover": { + "value": "{gray.700}" + }, + "selected-label-hover": { + "value": "{loca-marine.700}" + }, + "selected-bg-hover": { + "value": "{gray.200}" + }, + "selected-icon-default": { + "value": "{gray.700}" + }, + "selected-label-default": { + "value": "{loca-marine.700}" + }, + "selected-bg-default": { + "value": "{gray.100}" + }, + "unselected-icon-focus": { + "value": "{gray.700}" + }, + "unselected-label-focus": { + "value": "{gray.700}" + }, + "unselected-bg-focus": { + "value": "{gray.50}" + }, + "unselected-icon-active": { + "value": "{gray.700}" + }, + "unselected-label-active": { + "value": "{loca-marine.700}" + }, + "unselected-bg-active": { + "value": "{gray.100}" + }, + "unselected-icon-hover": { + "value": "{gray.700}" + }, + "unselected-label-hover": { + "value": "{gray.700}" + }, + "unselected-bg-hover": { + "value": "{gray.100}" + }, + "unselected-icon-default": { + "value": "{gray.700}" + }, + "unselected-label-default": { + "value": "{gray.700}" + }, + "unselected-bg-default": { + "value": "{gray.50}" + } + }, + "radio-button": { + "selected-content-error": { + "value": "{gray.50}" + }, + "selected-border-error": { + "value": "{red.600}" + }, + "selected-bg-error": { + "value": "{red.600}" + }, + "selected-content-inactive": { + "value": "{gray.50}" + }, + "selected-border-inactive": { + "value": "{gray.400}" + }, + "selected-bg-inactive": { + "value": "{gray.400}" + }, + "selected-content-focus": { + "value": "{gray.50}" + }, + "selected-border-focus": { + "value": "{loca-marine.600}" + }, + "selected-bg-focus": { + "value": "{loca-marine.600}" + }, + "selected-content-active": { + "value": "{gray.50}" + }, + "selected-border-active": { + "value": "{loca-marine.700}" + }, + "selected-bg-active": { + "value": "{loca-marine.700}" + }, + "selected-content-hover": { + "value": "{gray.50}" + }, + "selected-border-hover": { + "value": "{loca-marine.700}" + }, + "selected-bg-hover": { + "value": "{loca-marine.700}" + }, + "selected-content-default": { + "value": "{gray.50}" + }, + "selected-border-default": { + "value": "{loca-marine.600}" + }, + "selected-bg-default": { + "value": "{loca-marine.600}" + }, + "unselected-content-error": { + "value": "{gray.50}" + }, + "unselected-border-error": { + "value": "{red.600}" + }, + "unselected-bg-error": { + "value": "{gray.50}" + }, + "unselected-content-inactive": { + "value": "{gray.50}" + }, + "unselected-border-inactive": { + "value": "{gray.400}" + }, + "unselected-bg-inactive": { + "value": "{gray.50}" + }, + "unselected-content-focus": { + "value": "{gray.50}" + }, + "unselected-border-focus": { + "value": "{gray.600}" + }, + "unselected-bg-focus": { + "value": "{gray.50}" + }, + "unselected-content-active": { + "value": "{gray.50}" + }, + "unselected-border-active": { + "value": "{loca-marine.600}" + }, + "unselected-bg-active": { + "value": "{loca-marine.600}" + }, + "unselected-content-hover": { + "value": "{gray.50}" + }, + "unselected-border-hover": { + "value": "{gray.600}" + }, + "unselected-bg-hover": { + "value": "{gray.200}" + }, + "unselected-content-default": { + "value": "{gray.50}" + }, + "unselected-border-default": { + "value": "{gray.600}" + }, + "unselected-bg-default": { + "value": "{gray.50}" + } + }, + "search": { + "border-focus": { + "value": "{gray.600}" + }, + "bg-focus": { + "value": "{gray.50}" + }, + "border-active": { + "value": "{loca-marine.600}" + }, + "bg-active": { + "value": "{gray.50}" + }, + "border-hover": { + "value": "{gray.600}" + }, + "bg-hover": { + "value": "{gray.100}" + }, + "border-default": { + "value": "{gray.600}" + }, + "bg-default": { + "value": "{gray.50}" + } + }, + "radio": { + "label-default": { + "value": "{gray.900}" + } + }, + "progess": { + "indicator-bg-default": { + "value": "{loca-marine.600}" + }, + "label-content-default": { + "value": "{gray.900}" + }, + "base-bg-default": { + "value": "{gray.200}" + } + }, + "paragraph": { + "content-default": { + "value": "{gray.900}" + } + }, + "pagination-item": { + "selected-border-focus": { + "value": "{loca-marine.600}" + }, + "selected-content-focus": { + "value": "{loca-marine.600}" + }, + "selected-bg-focus": { + "value": "{loca-marine.200}" + }, + "selected-border-active": { + "value": "{loca-marine.600}" + }, + "selected-content-active": { + "value": "{loca-marine.600}" + }, + "selected-bg-active": { + "value": "{loca-marine.200}" + }, + "selected-border-hover": { + "value": "{loca-marine.600}" + }, + "selected-content-hover": { + "value": "{loca-marine.600}" + }, + "selected-bg-hover": { + "value": "{loca-marine.200}" + }, + "selected-border-default": { + "value": "{loca-marine.600}" + }, + "selected-content-default": { + "value": "{loca-marine.600}" + }, + "selected-bg-default": { + "value": "{loca-marine.200}" + }, + "unselected-content-focus": { + "value": "{gray.700}" + }, + "unselected-bg-active": { + "value": "{loca-marine.200}" + }, + "unselected-border-active": { + "value": "{loca-marine.600}" + }, + "unselected-content-active": { + "value": "{loca-marine.600}" + }, + "unselected-bg-hover": { + "value": "{loca-marine.200}" + }, + "unselected-content-hover": { + "value": "{loca-marine.600}" + }, + "unselected-content-default": { + "value": "{gray.700}" + } + }, + "modal": { + "subtitle-default": { + "value": "{gray.700}" + }, + "title-default": { + "value": "{gray.900}" + }, + "border-default": { + "value": "{gray.300}" + }, + "bg-default": { + "value": "{gray.50}" + } + }, + "logo": { + "bg-default": { + "value": "{loca-marine.600}" + } + }, + "link": { + "monochrome-content-visited": { + "value": "{gray.800}" + }, + "monochrome-content-active": { + "value": "{gray.900}" + }, + "monochrome-content-hover": { + "value": "{gray.900}" + }, + "monochrome-content-default": { + "value": "{gray.800}" + }, + "branded-content-visited": { + "value": "{loca-marine.600}" + }, + "branded-content-active": { + "value": "{loca-marine.700}" + }, + "branded-content-hover": { + "value": "{loca-marine.700}" + }, + "branded-content-default": { + "value": "{loca-marine.600}" + }, + "inverse-content-visited": { + "value": "{gray.100}" + }, + "inverse-content-active": { + "value": "{gray.50}" + }, + "inverse-content-hover": { + "value": "{gray.50}" + }, + "inverse-content-default": { + "value": "{gray.100}" + } + }, + "help-text": { + "icon-error": { + "value": "{red.700}" + }, + "body-error": { + "value": "{red.700}" + }, + "body-default": { + "value": "{gray.700}" + } + }, + "icon-wrapper": { + "content-neutral": { + "value": "{gray.700}" + }, + "bg-neutral": { + "value": "{gray.100}" + }, + "content-success": { + "value": "{green.600}" + }, + "bg-success": { + "value": "{green.100}" + }, + "content-warning": { + "value": "{yellow.600}" + }, + "bg-warning": { + "value": "{yellow.100}" + }, + "content-destructive": { + "value": "{red.600}" + }, + "bg-destructive": { + "value": "{red.100}" + }, + "content-info": { + "value": "{loca-marine.600}" + }, + "bg-info": { + "value": "{loca-marine.200}" + } + }, + "hero-section": { + "content-light": { + "value": "{loca-marine.500}" + }, + "content-default": { + "value": "{loca-marine.600}" + }, + "title-default": { + "value": "{gray.50}" + }, + "bg-default": { + "value": "{loca-marine.700}" + } + }, + "emoji-wrapper": { + "bg-info": { + "value": "{loca-marine.100}" + }, + "bg-neutral": { + "value": "{gray.100}" + }, + "bg-inverse": { + "value": "{gray.50}" + } + }, + "form-field": { + "border-inactive": { + "value": "{gray.600}" + }, + "bg-inactive": { + "value": "{gray.100}" + }, + "border-error": { + "value": "{red.700}" + }, + "bg-error": { + "value": "{gray.50}" + }, + "border-focus": { + "value": "{gray.600}" + }, + "bg-focus": { + "value": "{gray.50}" + }, + "border-active": { + "value": "{loca-marine.600}" + }, + "bg-active": { + "value": "{gray.50}" + }, + "border-hover": { + "value": "{gray.600}" + }, + "bg-hover": { + "value": "{gray.100}" + }, + "border-default": { + "value": "{gray.600}" + }, + "bg-default": { + "value": "{gray.50}" + } + }, + "field-text": { + "content-inactive": { + "value": "{gray.600}" + }, + "content-filled": { + "value": "{gray.900}" + }, + "content-placeholder": { + "value": "{gray.600}" + } + }, + "field-suffix": { + "bg-inactive": { + "value": "{gray.100}" + }, + "content-inactive": { + "value": "{gray.600}" + }, + "bg-hover": { + "value": "{gray.100}" + }, + "content-hover": { + "value": "{gray.700}" + }, + "bg-default": { + "value": "{gray.50}" + }, + "content-default": { + "value": "{gray.700}" + } + }, + "field-prefix": { + "content-inactive": { + "value": "{gray.600}" + }, + "content-default": { + "value": "{gray.700}" + } + }, + "field-label": { + "dot-default": { + "value": "{red.600}" + }, + "content-default": { + "value": "{gray.900}" + } + }, + "dropzone": { + "title-error": { + "value": "{gray.900}" + }, + "icon-error": { + "value": "{red.700}" + }, + "border-error": { + "value": "{red.700}" + }, + "bg-error": { + "value": "{red.100}" + }, + "title-success": { + "value": "{gray.900}" + }, + "icon-success": { + "value": "{green.600}" + }, + "border-success": { + "value": "{green.600}" + }, + "bg-success": { + "value": "{green.100}" + }, + "title-loading": { + "value": "{gray.900}" + }, + "icon-loading": { + "value": "{loca-marine.600}" + }, + "border-loading": { + "value": "{loca-marine.600}" + }, + "bg-loading": { + "value": "{loca-marine.200}" + }, + "body-hover": { + "value": "{gray.700}" + }, + "title-hover": { + "value": "{gray.900}" + }, + "icon-hover": { + "value": "{loca-marine.600}" + }, + "border-hover": { + "value": "{loca-marine.600}" + }, + "bg-hover": { + "value": "{loca-marine.200}" + }, + "body-default": { + "value": "{gray.700}" + }, + "title-default": { + "value": "{gray.900}" + }, + "icon-default": { + "value": "{loca-marine.600}" + }, + "border-default": { + "value": "{gray.600}" + }, + "bg-default": { + "value": "{gray.50}" + } + }, + "document-upload": { + "body-inactive": { + "value": "{gray.600}" + }, + "title-inactive": { + "value": "{gray.900}" + }, + "border-inactive": { + "value": "{gray.300}" + }, + "bg-inactive": { + "value": "{gray.50}" + }, + "body-error": { + "value": "{gray.600}" + }, + "title-error": { + "value": "{gray.900}" + }, + "border-error": { + "value": "{red.600}" + }, + "bg-error": { + "value": "{gray.50}" + }, + "border-success": { + "value": "{gray.300}" + }, + "bg-success": { + "value": "{gray.50}" + }, + "body-loading": { + "value": "{gray.900}" + }, + "title-loading": { + "value": "{gray.900}" + }, + "border-loading": { + "value": "{gray.300}" + }, + "bg-loading": { + "value": "{gray.50}" + }, + "body-default": { + "value": "{gray.600}" + }, + "title-default": { + "value": "{gray.900}" + }, + "border-default": { + "value": "{gray.300}" + }, + "bg-default": { + "value": "{gray.50}" + } + }, + "document-list-item": { + "body-default": { + "value": "{gray.600}" + }, + "icon-default": { + "value": "{gray.600}" + }, + "border-default": { + "value": "{gray.300}" + } + }, + "document-list-header": { + "border-default": { + "value": "{gray.300}" + } + }, + "document-list": { + "bg-default": { + "value": "{gray.50}" + } + }, + "divider": { + "border-default": { + "value": "{gray.300}" + } + }, + "day-label": { + "content-default": { + "value": "{gray.600}" + } + }, + "callout": { + "body-error": { + "value": "{gray.800}" + }, + "icon-error": { + "value": "{red.600}" + }, + "bg-error": { + "value": "{red.100}" + }, + "body-warning": { + "value": "{gray.800}" + }, + "icon-warning": { + "value": "{yellow.600}" + }, + "bg-warning": { + "value": "{yellow.100}" + }, + "icon-success": { + "value": "{green.600}" + }, + "body-success": { + "value": "{gray.800}" + }, + "bg-success": { + "value": "{green.100}" + }, + "icon-neutral": { + "value": "{gray.800}" + }, + "body-neutral": { + "value": "{gray.800}" + }, + "bg-neutral": { + "value": "{gray.100}" + }, + "icon-info": { + "value": "{loca-marine.600}" + }, + "body-info": { + "value": "{gray.800}" + }, + "bg-info": { + "value": "{loca-marine.200}" + } + }, + "day": { + "non-current-month-content-focus": { + "value": "{gray.600}" + }, + "non-current-month-bg-focus": { + "value": "{gray.50}" + }, + "non-current-month-border-active": { + "value": "{loca-marine.600}" + }, + "non-current-month-content-active": { + "value": "{loca-marine.600}" + }, + "non-current-month-bg-active": { + "value": "{loca-marine.200}" + }, + "non-current-month-content-hover": { + "value": "{gray.600}" + }, + "non-current-month-bg-hover": { + "value": "{loca-marine.200}" + }, + "non-current-month-content-default": { + "value": "{gray.600}" + }, + "non-current-month-bg-default": { + "value": "{gray.50}" + }, + "range-content-focus": { + "value": "{gray.900}" + }, + "range-bg-focus": { + "value": "{loca-marine.200}" + }, + "range-content-active": { + "value": "{gray.900}" + }, + "range-bg-active": { + "value": "{loca-marine.200}" + }, + "range-content-hover": { + "value": "{gray.900}" + }, + "range-bg-hover": { + "value": "{loca-marine.200}" + }, + "range-content-default": { + "value": "{gray.900}" + }, + "range-bg-default": { + "value": "{loca-marine.200}" + }, + "selected-content-focus": { + "value": "{loca-marine.600}" + }, + "selected-border-focus": { + "value": "{loca-marine.600}" + }, + "selected-bg-focus": { + "value": "{loca-marine.200}" + }, + "selected-content-active": { + "value": "{loca-marine.600}" + }, + "selected-border-active": { + "value": "{loca-marine.600}" + }, + "selected-bg-active": { + "value": "{loca-marine.200}" + }, + "selected-border-hover": { + "value": "{loca-marine.600}" + }, + "selected-content-hover": { + "value": "{loca-marine.600}" + }, + "selected-bg-hover": { + "value": "{loca-marine.200}" + }, + "selected-border-default": { + "value": "{loca-marine.600}" + }, + "selected-content-default": { + "value": "{loca-marine.600}" + }, + "selected-bg-default": { + "value": "{loca-marine.200}" + }, + "current-month-content-focus": { + "value": "{gray.900}" + }, + "current-month-bg-focus": { + "value": "{gray.50}" + }, + "current-month-border-active": { + "value": "{loca-marine.600}" + }, + "current-month-content-active": { + "value": "{loca-marine.600}" + }, + "current-month-bg-active": { + "value": "{loca-marine.200}" + }, + "current-month-content-hover": { + "value": "{gray.900}" + }, + "current-month-bg-hover": { + "value": "{loca-marine.200}" + }, + "current-month-content-default": { + "value": "{gray.900}" + }, + "current-month-bg-default": { + "value": "{gray.50}" + } + }, + "date-picker": { + "title-default": { + "value": "{gray.900}" + }, + "border-default": { + "value": "{gray.600}" + }, + "bg-date-range": { + "value": "{loca-marine.200}" + }, + "bg-default": { + "value": "{gray.50}" + } + }, + "card": { + "bg-emphasized": { + "value": "{loca-marine.200}" + }, + "bg-inverse": { + "value": "{gray.50}" + }, + "bg-default": { + "value": "{gray.100}" + }, + "content-icon-label": { + "value": "{loca-marine.700}" + }, + "content-icon": { + "value": "{loca-marine.700}" + }, + "content-category-tag": { + "value": "{gray.700}" + }, + "content-body": { + "value": "{gray.700}" + }, + "content-title": { + "value": "{gray.900}" + } + }, + "button": { + "destructive-content-inactive": { + "value": "{gray.50}" + }, + "destructive-border-inactive": { + "value": "{gray.500}" + }, + "destructive-bg-inactive": { + "value": "{gray.500}" + }, + "destructive-content-loading": { + "value": "{gray.50}" + }, + "destructive-border-loading": { + "value": "{red.600}" + }, + "destructive-bg-loading": { + "value": "{red.600}" + }, + "destructive-content-focus": { + "value": "{gray.50}" + }, + "destructive-border-focus": { + "value": "{red.600}" + }, + "destructive-bg-focus": { + "value": "{red.600}" + }, + "destructive-content-active": { + "value": "{gray.50}" + }, + "destructive-border-active": { + "value": "{red.600}" + }, + "destructive-bg-active": { + "value": "{red.600}" + }, + "destructive-content-hover": { + "value": "{gray.50}" + }, + "destructive-border-hover": { + "value": "{red.700}" + }, + "destructive-bg-hover": { + "value": "{red.700}" + }, + "destructive-content-default": { + "value": "{gray.50}" + }, + "destructive-border-default": { + "value": "{red.600}" + }, + "destructive-bg-default": { + "value": "{red.600}" + }, + "ghost-content-inactive": { + "value": "{gray.500}" + }, + "ghost-content-focus": { + "value": "{gray.600}" + }, + "ghost-bg-focus": { + "value": "{loca-marine.200}" + }, + "ghost-content-active": { + "value": "{gray.600}" + }, + "ghost-content-hover": { + "value": "{gray.600}" + }, + "ghost-bg-hover": { + "value": "{loca-marine.200}" + }, + "ghost-content-default": { + "value": "{gray.600}" + }, + "tertiary-content-inactive": { + "value": "{gray.500}" + }, + "tertiary-content-loading": { + "value": "{loca-marine.600}" + }, + "tertiary-content-focus": { + "value": "{loca-marine.600}" + }, + "tertiary-bg-focus": { + "value": "{loca-marine.200}" + }, + "tertiary-content-active": { + "value": "{loca-marine.600}" + }, + "tertiary-content-hover": { + "value": "{loca-marine.600}" + }, + "tertiary-bg-hover": { + "value": "{loca-marine.200}" + }, + "tertiary-content-default": { + "value": "{loca-marine.600}" + }, + "secondary-content-inactive": { + "value": "{gray.500}" + }, + "secondary-border-inactive": { + "value": "{gray.500}" + }, + "secondary-bg-inactive": { + "value": "{gray.50}" + }, + "secondary-content-loading": { + "value": "{loca-marine.600}" + }, + "secondary-border-loading": { + "value": "{loca-marine.600}" + }, + "secondary-bg-loading": { + "value": "{gray.50}" + }, + "secondary-content-focus": { + "value": "{loca-marine.600}" + }, + "secondary-border-focus": { + "value": "{loca-marine.600}" + }, + "secondary-bg-focus": { + "value": "{gray.50}" + }, + "secondary-content-active": { + "value": "{loca-marine.600}" + }, + "secondary-border-active": { + "value": "{loca-marine.600}" + }, + "secondary-bg-active": { + "value": "{gray.50}" + }, + "secondary-content-hover": { + "value": "{loca-marine.600}" + }, + "secondary-border-hover": { + "value": "{loca-marine.600}" + }, + "secondary-bg-hover": { + "value": "{loca-marine.200}" + }, + "secondary-content-default": { + "value": "{loca-marine.600}" + }, + "secondary-border-default": { + "value": "{loca-marine.600}" + }, + "secondary-bg-default": { + "value": "{gray.50}" + }, + "primary-content-inactive": { + "value": "{gray.50}" + }, + "primary-border-inactive": { + "value": "{gray.500}" + }, + "primary-bg-inactive": { + "value": "{gray.500}" + }, + "primary-content-loading": { + "value": "{gray.50}" + }, + "primary-border-loading": { + "value": "{loca-marine.600}" + }, + "primary-bg-loading": { + "value": "{loca-marine.600}" + }, + "primary-content-focus": { + "value": "{gray.50}" + }, + "primary-border-focus": { + "value": "{loca-marine.600}" + }, + "primary-bg-focus": { + "value": "{loca-marine.600}" + }, + "primary-content-active": { + "value": "{gray.50}" + }, + "primary-border-active": { + "value": "{loca-marine.600}" + }, + "primary-bg-active": { + "value": "{loca-marine.600}" + }, + "primary-content-hover": { + "value": "{gray.50}" + }, + "primary-border-hover": { + "value": "{loca-marine.700}" + }, + "primary-bg-hover": { + "value": "{loca-marine.700}" + }, + "primary-content-default": { + "value": "{gray.50}" + }, + "primary-border-default": { + "value": "{loca-marine.600}" + }, + "primary-bg-default": { + "value": "{loca-marine.600}" + } + }, + "bullet": { + "border-default": { + "value": "{gray.900}" + }, + "bg-default": { + "value": "{gray.900}" + } + }, + "badge": { + "content-error": { + "value": "{red.600}" + }, + "bg-error": { + "value": "{red.100}" + }, + "content-warning": { + "value": "{yellow.600}" + }, + "bg-warning": { + "value": "{yellow.100}" + }, + "content-success": { + "value": "{green.600}" + }, + "bg-success": { + "value": "{green.100}" + }, + "content-neutral": { + "value": "{gray.800}" + }, + "bg-neutral": { + "value": "{gray.100}" + }, + "content-info": { + "value": "{loca-marine.600}" + }, + "bg-info": { + "value": "{loca-marine.200}" + } + }, + "avatar": { + "initials-label-default": { + "value": "{gray.900}" + }, + "initials-content-default": { + "value": "{gray.900}" + }, + "initials-bg-yellow": { + "value": "{yellow.300}" + }, + "initials-bg-coral": { + "value": "{coral.200}" + }, + "initials-bg-cream": { + "value": "{cream.300}" + }, + "initials-bg-light-blue": { + "value": "{light-blue.400}" + }, + "initials-bg-navy": { + "value": "{navy.100}" + }, + "initials-bg-default": { + "value": "{loca-marine.300}" + }, + "image-label-default": { + "value": "{gray.900}" + } + }, + "alert-dialog": { + "content-body": { + "value": "{gray.700}" + }, + "content-title": { + "value": "{gray.900}" + }, + "bg-default": { + "value": "{gray.50}" + } } } diff --git a/packages/theme/src/__tests__/__snapshots__/theme.test.tsx.snap b/packages/theme/src/__tests__/__snapshots__/theme.test.tsx.snap index 617f24282..4c842b2e0 100644 --- a/packages/theme/src/__tests__/__snapshots__/theme.test.tsx.snap +++ b/packages/theme/src/__tests__/__snapshots__/theme.test.tsx.snap @@ -24,6 +24,28 @@ Object { "default": "1px solid transparent", }, "colors": Object { + "alertDialogBgDefault": "#FFFFFF", + "alertDialogContentBody": "#4F5865", + "alertDialogContentTitle": "#0F1A2A", + "avatarImageLabelDefault": "#0F1A2A", + "avatarInitialsBgCoral": "#FFB8AD", + "avatarInitialsBgCream": "#FFD99E", + "avatarInitialsBgDefault": "#C1CAFE", + "avatarInitialsBgLightBlue": "#A0EBE7", + "avatarInitialsBgNavy": "#D1C1FF", + "avatarInitialsBgYellow": "#FDE68A", + "avatarInitialsContentDefault": "#0F1A2A", + "avatarInitialsLabelDefault": "#0F1A2A", + "badgeBgError": "#FEF2F2", + "badgeBgInfo": "#EBEDFF", + "badgeBgNeutral": "#F8FAFC", + "badgeBgSuccess": "#ECFDF5", + "badgeBgWarning": "#FFFBEB", + "badgeContentError": "#B91C1C", + "badgeContentInfo": "#102EE9", + "badgeContentNeutral": "#27313F", + "badgeContentSuccess": "#047857", + "badgeContentWarning": "#B05C09", "bgBodyMain": "#F7F9FF", "bgBodyTalent": "#27313F", "bgError": "#FEF2F2", @@ -38,6 +60,144 @@ Object { "borderSecondary": "#D2D7DF", "borderSuccess": "#047857", "borderWarning": "#B05C09", + "bulletBgDefault": "#0F1A2A", + "bulletBorderDefault": "#0F1A2A", + "buttonDestructiveBgActive": "#B91C1C", + "buttonDestructiveBgDefault": "#B91C1C", + "buttonDestructiveBgFocus": "#B91C1C", + "buttonDestructiveBgHover": "#A31900", + "buttonDestructiveBgInactive": "#949FAC", + "buttonDestructiveBgLoading": "#B91C1C", + "buttonDestructiveBorderActive": "#B91C1C", + "buttonDestructiveBorderDefault": "#B91C1C", + "buttonDestructiveBorderFocus": "#B91C1C", + "buttonDestructiveBorderHover": "#A31900", + "buttonDestructiveBorderInactive": "#949FAC", + "buttonDestructiveBorderLoading": "#B91C1C", + "buttonDestructiveContentActive": "#FFFFFF", + "buttonDestructiveContentDefault": "#FFFFFF", + "buttonDestructiveContentFocus": "#FFFFFF", + "buttonDestructiveContentHover": "#FFFFFF", + "buttonDestructiveContentInactive": "#FFFFFF", + "buttonDestructiveContentLoading": "#FFFFFF", + "buttonGhostBgFocus": "#EBEDFF", + "buttonGhostBgHover": "#EBEDFF", + "buttonGhostContentActive": "#6C7684", + "buttonGhostContentDefault": "#6C7684", + "buttonGhostContentFocus": "#6C7684", + "buttonGhostContentHover": "#6C7684", + "buttonGhostContentInactive": "#949FAC", + "buttonPrimaryBgActive": "#102EE9", + "buttonPrimaryBgDefault": "#102EE9", + "buttonPrimaryBgFocus": "#102EE9", + "buttonPrimaryBgHover": "#001BC0", + "buttonPrimaryBgInactive": "#949FAC", + "buttonPrimaryBgLoading": "#102EE9", + "buttonPrimaryBorderActive": "#102EE9", + "buttonPrimaryBorderDefault": "#102EE9", + "buttonPrimaryBorderFocus": "#102EE9", + "buttonPrimaryBorderHover": "#001BC0", + "buttonPrimaryBorderInactive": "#949FAC", + "buttonPrimaryBorderLoading": "#102EE9", + "buttonPrimaryContentActive": "#FFFFFF", + "buttonPrimaryContentDefault": "#FFFFFF", + "buttonPrimaryContentFocus": "#FFFFFF", + "buttonPrimaryContentHover": "#FFFFFF", + "buttonPrimaryContentInactive": "#FFFFFF", + "buttonPrimaryContentLoading": "#FFFFFF", + "buttonSecondaryBgActive": "#FFFFFF", + "buttonSecondaryBgDefault": "#FFFFFF", + "buttonSecondaryBgFocus": "#FFFFFF", + "buttonSecondaryBgHover": "#EBEDFF", + "buttonSecondaryBgInactive": "#FFFFFF", + "buttonSecondaryBgLoading": "#FFFFFF", + "buttonSecondaryBorderActive": "#102EE9", + "buttonSecondaryBorderDefault": "#102EE9", + "buttonSecondaryBorderFocus": "#102EE9", + "buttonSecondaryBorderHover": "#102EE9", + "buttonSecondaryBorderInactive": "#949FAC", + "buttonSecondaryBorderLoading": "#102EE9", + "buttonSecondaryContentActive": "#102EE9", + "buttonSecondaryContentDefault": "#102EE9", + "buttonSecondaryContentFocus": "#102EE9", + "buttonSecondaryContentHover": "#102EE9", + "buttonSecondaryContentInactive": "#949FAC", + "buttonSecondaryContentLoading": "#102EE9", + "buttonTertiaryBgFocus": "#EBEDFF", + "buttonTertiaryBgHover": "#EBEDFF", + "buttonTertiaryContentActive": "#102EE9", + "buttonTertiaryContentDefault": "#102EE9", + "buttonTertiaryContentFocus": "#102EE9", + "buttonTertiaryContentHover": "#102EE9", + "buttonTertiaryContentInactive": "#949FAC", + "buttonTertiaryContentLoading": "#102EE9", + "calloutBgError": "#FEF2F2", + "calloutBgInfo": "#EBEDFF", + "calloutBgNeutral": "#F8FAFC", + "calloutBgSuccess": "#ECFDF5", + "calloutBgWarning": "#FFFBEB", + "calloutBodyError": "#27313F", + "calloutBodyInfo": "#27313F", + "calloutBodyNeutral": "#27313F", + "calloutBodySuccess": "#27313F", + "calloutBodyWarning": "#27313F", + "calloutIconError": "#B91C1C", + "calloutIconInfo": "#102EE9", + "calloutIconNeutral": "#27313F", + "calloutIconSuccess": "#047857", + "calloutIconWarning": "#B05C09", + "cardBgDefault": "#F8FAFC", + "cardBgEmphasized": "#EBEDFF", + "cardBgInverse": "#FFFFFF", + "cardContentBody": "#4F5865", + "cardContentCategoryTag": "#4F5865", + "cardContentIcon": "#001BC0", + "cardContentIconLabel": "#001BC0", + "cardContentTitle": "#0F1A2A", + "checkboxBgWrapper": "#EDF0F2", + "checkboxContentLabel": "#0F1A2A", + "checkboxIndeterminateBgActive": "#FFFFFF", + "checkboxIndeterminateBgDefault": "#102EE9", + "checkboxIndeterminateBgFocus": "#102EE9", + "checkboxIndeterminateBgHover": "#001BC0", + "checkboxIndeterminateBgInactive": "#B5BEC9", + "checkboxIndeterminateBorderActive": "#6C7684", + "checkboxIndeterminateBorderDefault": "#102EE9", + "checkboxIndeterminateBorderFocus": "#102EE9", + "checkboxIndeterminateBorderHover": "#001BC0", + "checkboxIndeterminateBorderInactive": "#B5BEC9", + "checkboxIndeterminateIconDefault": "#FFFFFF", + "checkboxIndeterminateIconFocus": "#FFFFFF", + "checkboxIndeterminateIconHover": "#FFFFFF", + "checkboxIndeterminateIconInactive": "#FFFFFF", + "checkboxSelectedBgActive": "#FFFFFF", + "checkboxSelectedBgDefault": "#102EE9", + "checkboxSelectedBgFocus": "#102EE9", + "checkboxSelectedBgHover": "#001BC0", + "checkboxSelectedBgInactive": "#B5BEC9", + "checkboxSelectedBorderActive": "#6C7684", + "checkboxSelectedBorderDefault": "#102EE9", + "checkboxSelectedBorderFocus": "#102EE9", + "checkboxSelectedBorderHover": "#001BC0", + "checkboxSelectedBorderInactive": "#B5BEC9", + "checkboxSelectedIconDefault": "#FFFFFF", + "checkboxSelectedIconFocus": "#FFFFFF", + "checkboxSelectedIconHover": "#FFFFFF", + "checkboxSelectedIconInactive": "#FFFFFF", + "checkboxUnselectedBgActive": "#102EE9", + "checkboxUnselectedBgDefault": "#FFFFFF", + "checkboxUnselectedBgError": "#FFFFFF", + "checkboxUnselectedBgFocus": "#FFFFFF", + "checkboxUnselectedBgHover": "#EDF0F2", + "checkboxUnselectedBgInactive": "#FFFFFF", + "checkboxUnselectedBorderActive": "#102EE9", + "checkboxUnselectedBorderDefault": "#6C7684", + "checkboxUnselectedBorderError": "#B91C1C", + "checkboxUnselectedBorderFocus": "#6C7684", + "checkboxUnselectedBorderHover": "#6C7684", + "checkboxUnselectedBorderInactive": "#B5BEC9", + "checkboxUnselectedIconActive": "#FFFFFF", + "checkboxUnselectedIconHover": "#FFFFFF", "colorAvatarBackgroundBlue": "#B8C2FF", "colorAvatarBackgroundGreen": "#8AFECC", "colorAvatarBackgroundLightBlue": "#A9EBE8", @@ -148,6 +308,123 @@ Object { "cream400": "#FFB540", "cream500": "#F59600", "cream600": "#D98500", + "datePickerBgDateRange": "#EBEDFF", + "datePickerBgDefault": "#FFFFFF", + "datePickerBorderDefault": "#6C7684", + "datePickerTitleDefault": "#0F1A2A", + "dayCurrentMonthBgActive": "#EBEDFF", + "dayCurrentMonthBgDefault": "#FFFFFF", + "dayCurrentMonthBgFocus": "#FFFFFF", + "dayCurrentMonthBgHover": "#EBEDFF", + "dayCurrentMonthBorderActive": "#102EE9", + "dayCurrentMonthContentActive": "#102EE9", + "dayCurrentMonthContentDefault": "#0F1A2A", + "dayCurrentMonthContentFocus": "#0F1A2A", + "dayCurrentMonthContentHover": "#0F1A2A", + "dayLabelContentDefault": "#6C7684", + "dayNonCurrentMonthBgActive": "#EBEDFF", + "dayNonCurrentMonthBgDefault": "#FFFFFF", + "dayNonCurrentMonthBgFocus": "#FFFFFF", + "dayNonCurrentMonthBgHover": "#EBEDFF", + "dayNonCurrentMonthBorderActive": "#102EE9", + "dayNonCurrentMonthContentActive": "#102EE9", + "dayNonCurrentMonthContentDefault": "#6C7684", + "dayNonCurrentMonthContentFocus": "#6C7684", + "dayNonCurrentMonthContentHover": "#6C7684", + "dayRangeBgActive": "#EBEDFF", + "dayRangeBgDefault": "#EBEDFF", + "dayRangeBgFocus": "#EBEDFF", + "dayRangeBgHover": "#EBEDFF", + "dayRangeContentActive": "#0F1A2A", + "dayRangeContentDefault": "#0F1A2A", + "dayRangeContentFocus": "#0F1A2A", + "dayRangeContentHover": "#0F1A2A", + "daySelectedBgActive": "#EBEDFF", + "daySelectedBgDefault": "#EBEDFF", + "daySelectedBgFocus": "#EBEDFF", + "daySelectedBgHover": "#EBEDFF", + "daySelectedBorderActive": "#102EE9", + "daySelectedBorderDefault": "#102EE9", + "daySelectedBorderFocus": "#102EE9", + "daySelectedBorderHover": "#102EE9", + "daySelectedContentActive": "#102EE9", + "daySelectedContentDefault": "#102EE9", + "daySelectedContentFocus": "#102EE9", + "daySelectedContentHover": "#102EE9", + "dividerBorderDefault": "#D2D7DF", + "documentListBgDefault": "#FFFFFF", + "documentListHeaderBorderDefault": "#D2D7DF", + "documentListItemBodyDefault": "#6C7684", + "documentListItemBorderDefault": "#D2D7DF", + "documentListItemIconDefault": "#6C7684", + "documentUploadBgDefault": "#FFFFFF", + "documentUploadBgError": "#FFFFFF", + "documentUploadBgInactive": "#FFFFFF", + "documentUploadBgLoading": "#FFFFFF", + "documentUploadBgSuccess": "#FFFFFF", + "documentUploadBodyDefault": "#6C7684", + "documentUploadBodyError": "#6C7684", + "documentUploadBodyInactive": "#6C7684", + "documentUploadBodyLoading": "#0F1A2A", + "documentUploadBorderDefault": "#D2D7DF", + "documentUploadBorderError": "#B91C1C", + "documentUploadBorderInactive": "#D2D7DF", + "documentUploadBorderLoading": "#D2D7DF", + "documentUploadBorderSuccess": "#D2D7DF", + "documentUploadTitleDefault": "#0F1A2A", + "documentUploadTitleError": "#0F1A2A", + "documentUploadTitleInactive": "#0F1A2A", + "documentUploadTitleLoading": "#0F1A2A", + "dropzoneBgDefault": "#FFFFFF", + "dropzoneBgError": "#FEF2F2", + "dropzoneBgHover": "#EBEDFF", + "dropzoneBgLoading": "#EBEDFF", + "dropzoneBgSuccess": "#ECFDF5", + "dropzoneBodyDefault": "#4F5865", + "dropzoneBodyHover": "#4F5865", + "dropzoneBorderDefault": "#6C7684", + "dropzoneBorderError": "#A31900", + "dropzoneBorderHover": "#102EE9", + "dropzoneBorderLoading": "#102EE9", + "dropzoneBorderSuccess": "#047857", + "dropzoneIconDefault": "#102EE9", + "dropzoneIconError": "#A31900", + "dropzoneIconHover": "#102EE9", + "dropzoneIconLoading": "#102EE9", + "dropzoneIconSuccess": "#047857", + "dropzoneTitleDefault": "#0F1A2A", + "dropzoneTitleError": "#0F1A2A", + "dropzoneTitleHover": "#0F1A2A", + "dropzoneTitleLoading": "#0F1A2A", + "dropzoneTitleSuccess": "#0F1A2A", + "emojiWrapperBgInfo": "#F7F9FF", + "emojiWrapperBgInverse": "#FFFFFF", + "emojiWrapperBgNeutral": "#F8FAFC", + "fieldLabelContentDefault": "#0F1A2A", + "fieldLabelDotDefault": "#B91C1C", + "fieldPrefixContentDefault": "#4F5865", + "fieldPrefixContentInactive": "#6C7684", + "fieldSuffixBgDefault": "#FFFFFF", + "fieldSuffixBgHover": "#F8FAFC", + "fieldSuffixBgInactive": "#F8FAFC", + "fieldSuffixContentDefault": "#4F5865", + "fieldSuffixContentHover": "#4F5865", + "fieldSuffixContentInactive": "#6C7684", + "fieldTextContentFilled": "#0F1A2A", + "fieldTextContentInactive": "#6C7684", + "fieldTextContentPlaceholder": "#6C7684", + "formFieldBgActive": "#FFFFFF", + "formFieldBgDefault": "#FFFFFF", + "formFieldBgError": "#FFFFFF", + "formFieldBgFocus": "#FFFFFF", + "formFieldBgHover": "#F8FAFC", + "formFieldBgInactive": "#F8FAFC", + "formFieldBorderActive": "#102EE9", + "formFieldBorderDefault": "#6C7684", + "formFieldBorderError": "#A31900", + "formFieldBorderFocus": "#6C7684", + "formFieldBorderHover": "#6C7684", + "formFieldBorderInactive": "#6C7684", "gray100": "#F8FAFC", "gray200": "#EDF0F2", "gray300": "#D2D7DF", @@ -165,12 +442,41 @@ Object { "green400": "#10B981", "green500": "#059669", "green600": "#047857", + "helpTextBodyDefault": "#4F5865", + "helpTextBodyError": "#A31900", + "helpTextIconError": "#A31900", + "heroSectionBgDefault": "#001BC0", + "heroSectionContentDefault": "#102EE9", + "heroSectionContentLight": "#4A63FF", + "heroSectionTitleDefault": "#FFFFFF", + "iconWrapperBgDestructive": "#FEF2F2", + "iconWrapperBgInfo": "#EBEDFF", + "iconWrapperBgNeutral": "#F8FAFC", + "iconWrapperBgSuccess": "#ECFDF5", + "iconWrapperBgWarning": "#FFFBEB", + "iconWrapperContentDestructive": "#B91C1C", + "iconWrapperContentInfo": "#102EE9", + "iconWrapperContentNeutral": "#4F5865", + "iconWrapperContentSuccess": "#047857", + "iconWrapperContentWarning": "#B05C09", "lightBlue100": "#F1FBFB", "lightBlue200": "#D3ECF0", "lightBlue300": "#C8F0EF", "lightBlue400": "#A0EBE7", "lightBlue500": "#81DBD7", "lightBlue600": "#55C2BD", + "linkBrandedContentActive": "#001BC0", + "linkBrandedContentDefault": "#102EE9", + "linkBrandedContentHover": "#001BC0", + "linkBrandedContentVisited": "#102EE9", + "linkInverseContentActive": "#FFFFFF", + "linkInverseContentDefault": "#F8FAFC", + "linkInverseContentHover": "#FFFFFF", + "linkInverseContentVisited": "#F8FAFC", + "linkMonochromeContentActive": "#0F1A2A", + "linkMonochromeContentDefault": "#27313F", + "linkMonochromeContentHover": "#0F1A2A", + "linkMonochromeContentVisited": "#27313F", "locaMarine100": "#F7F9FF", "locaMarine200": "#EBEDFF", "locaMarine300": "#C1CAFE", @@ -178,12 +484,77 @@ Object { "locaMarine500": "#4A63FF", "locaMarine600": "#102EE9", "locaMarine700": "#001BC0", + "logoBgDefault": "#102EE9", + "modalBgDefault": "#FFFFFF", + "modalBorderDefault": "#D2D7DF", + "modalSubtitleDefault": "#4F5865", + "modalTitleDefault": "#0F1A2A", "navy100": "#D1C1FF", "navy200": "#A890F0", "navy300": "#896AE3", "navy400": "#6C4EC9", "navy500": "#46299F", "navy600": "#200F53", + "paginationItemSelectedBgActive": "#EBEDFF", + "paginationItemSelectedBgDefault": "#EBEDFF", + "paginationItemSelectedBgFocus": "#EBEDFF", + "paginationItemSelectedBgHover": "#EBEDFF", + "paginationItemSelectedBorderActive": "#102EE9", + "paginationItemSelectedBorderDefault": "#102EE9", + "paginationItemSelectedBorderFocus": "#102EE9", + "paginationItemSelectedBorderHover": "#102EE9", + "paginationItemSelectedContentActive": "#102EE9", + "paginationItemSelectedContentDefault": "#102EE9", + "paginationItemSelectedContentFocus": "#102EE9", + "paginationItemSelectedContentHover": "#102EE9", + "paginationItemUnselectedBgActive": "#EBEDFF", + "paginationItemUnselectedBgHover": "#EBEDFF", + "paginationItemUnselectedBorderActive": "#102EE9", + "paginationItemUnselectedContentActive": "#102EE9", + "paginationItemUnselectedContentDefault": "#4F5865", + "paginationItemUnselectedContentFocus": "#4F5865", + "paginationItemUnselectedContentHover": "#102EE9", + "paragraphContentDefault": "#0F1A2A", + "progessBaseBgDefault": "#EDF0F2", + "progessIndicatorBgDefault": "#102EE9", + "progessLabelContentDefault": "#0F1A2A", + "radioButtonSelectedBgActive": "#001BC0", + "radioButtonSelectedBgDefault": "#102EE9", + "radioButtonSelectedBgError": "#B91C1C", + "radioButtonSelectedBgFocus": "#102EE9", + "radioButtonSelectedBgHover": "#001BC0", + "radioButtonSelectedBgInactive": "#B5BEC9", + "radioButtonSelectedBorderActive": "#001BC0", + "radioButtonSelectedBorderDefault": "#102EE9", + "radioButtonSelectedBorderError": "#B91C1C", + "radioButtonSelectedBorderFocus": "#102EE9", + "radioButtonSelectedBorderHover": "#001BC0", + "radioButtonSelectedBorderInactive": "#B5BEC9", + "radioButtonSelectedContentActive": "#FFFFFF", + "radioButtonSelectedContentDefault": "#FFFFFF", + "radioButtonSelectedContentError": "#FFFFFF", + "radioButtonSelectedContentFocus": "#FFFFFF", + "radioButtonSelectedContentHover": "#FFFFFF", + "radioButtonSelectedContentInactive": "#FFFFFF", + "radioButtonUnselectedBgActive": "#102EE9", + "radioButtonUnselectedBgDefault": "#FFFFFF", + "radioButtonUnselectedBgError": "#FFFFFF", + "radioButtonUnselectedBgFocus": "#FFFFFF", + "radioButtonUnselectedBgHover": "#EDF0F2", + "radioButtonUnselectedBgInactive": "#FFFFFF", + "radioButtonUnselectedBorderActive": "#102EE9", + "radioButtonUnselectedBorderDefault": "#6C7684", + "radioButtonUnselectedBorderError": "#B91C1C", + "radioButtonUnselectedBorderFocus": "#6C7684", + "radioButtonUnselectedBorderHover": "#6C7684", + "radioButtonUnselectedBorderInactive": "#B5BEC9", + "radioButtonUnselectedContentActive": "#FFFFFF", + "radioButtonUnselectedContentDefault": "#FFFFFF", + "radioButtonUnselectedContentError": "#FFFFFF", + "radioButtonUnselectedContentFocus": "#FFFFFF", + "radioButtonUnselectedContentHover": "#FFFFFF", + "radioButtonUnselectedContentInactive": "#FFFFFF", + "radioLabelDefault": "#0F1A2A", "red100": "#FEF2F2", "red200": "#FEE2E2", "red300": "#FCA5A5", @@ -191,6 +562,200 @@ Object { "red500": "#DC2626", "red600": "#B91C1C", "red700": "#A31900", + "searchBgActive": "#FFFFFF", + "searchBgDefault": "#FFFFFF", + "searchBgFocus": "#FFFFFF", + "searchBgHover": "#F8FAFC", + "searchBorderActive": "#102EE9", + "searchBorderDefault": "#6C7684", + "searchBorderFocus": "#6C7684", + "searchBorderHover": "#6C7684", + "selectIconActive": "#4F5865", + "selectIconDefault": "#4F5865", + "selectIconError": "#4F5865", + "selectIconFocus": "#4F5865", + "selectIconHover": "#4F5865", + "selectIconInactive": "#949FAC", + "sidebarBgDefault": "#FFFFFF", + "sidebarIconDefault": "#4F5865", + "sidebarLinkDefault": "#4F5865", + "sidebarLinkIconContentActive": "#001BC0", + "sidebarLinkIconContentDefault": "#4F5865", + "sidebarLinkSelectedBgActive": "#F8FAFC", + "sidebarLinkSelectedBgDefault": "#F8FAFC", + "sidebarLinkSelectedBgFocus": "#F8FAFC", + "sidebarLinkSelectedBgHover": "#EDF0F2", + "sidebarLinkSelectedIconActive": "#4F5865", + "sidebarLinkSelectedIconDefault": "#4F5865", + "sidebarLinkSelectedIconFocus": "#4F5865", + "sidebarLinkSelectedIconHover": "#4F5865", + "sidebarLinkSelectedLabelActive": "#001BC0", + "sidebarLinkSelectedLabelDefault": "#001BC0", + "sidebarLinkSelectedLabelFocus": "#001BC0", + "sidebarLinkSelectedLabelHover": "#001BC0", + "sidebarLinkUnselectedBgActive": "#F8FAFC", + "sidebarLinkUnselectedBgDefault": "#FFFFFF", + "sidebarLinkUnselectedBgFocus": "#FFFFFF", + "sidebarLinkUnselectedBgHover": "#F8FAFC", + "sidebarLinkUnselectedIconActive": "#4F5865", + "sidebarLinkUnselectedIconDefault": "#4F5865", + "sidebarLinkUnselectedIconFocus": "#4F5865", + "sidebarLinkUnselectedIconHover": "#4F5865", + "sidebarLinkUnselectedLabelActive": "#001BC0", + "sidebarLinkUnselectedLabelDefault": "#4F5865", + "sidebarLinkUnselectedLabelFocus": "#4F5865", + "sidebarLinkUnselectedLabelHover": "#4F5865", + "statusDotBgError": "#DC2626", + "statusDotBgInfo": "#102EE9", + "statusDotBgNeutral": "#4F5865", + "statusDotBgSuccess": "#059669", + "statusDotBgWarning": "#D98C06", + "stepCardCompleteAccentDefault": "#047857", + "stepCardCompleteBgActive": "#FFFFFF", + "stepCardCompleteBgDefault": "#FFFFFF", + "stepCardCompleteBgFocus": "#FFFFFF", + "stepCardCompleteBgHover": "#FFFFFF", + "stepCardCompleteBorderActive": "#047857", + "stepCardCompleteBorderDefault": "#D2D7DF", + "stepCardCompleteBorderFocus": "#047857", + "stepCardCompleteBorderHover": "#047857", + "stepCardCompleteTitleDefault": "#0F1A2A", + "stepCardPreviewAccentDefault": "#6C7684", + "stepCardPreviewBgActive": "#FFFFFF", + "stepCardPreviewBgDefault": "#FFFFFF", + "stepCardPreviewBgFocus": "#FFFFFF", + "stepCardPreviewBgHover": "#FFFFFF", + "stepCardPreviewBorderActive": "#6C7684", + "stepCardPreviewBorderDefault": "#D2D7DF", + "stepCardPreviewBorderFocus": "#6C7684", + "stepCardPreviewBorderHover": "#6C7684", + "stepCardPreviewTitleDefault": "#4F5865", + "stepCardTodoAccentDefault": "#102EE9", + "stepCardTodoBgActive": "#FFFFFF", + "stepCardTodoBgDefault": "#FFFFFF", + "stepCardTodoBgFocus": "#FFFFFF", + "stepCardTodoBgHover": "#FFFFFF", + "stepCardTodoBorderActive": "#102EE9", + "stepCardTodoBorderDefault": "#102EE9", + "stepCardTodoBorderFocus": "#102EE9", + "stepCardTodoBorderHover": "#102EE9", + "stepCardTodoTitleDefault": "#0F1A2A", + "stepHeaderLabelComplete": "#0F1A2A", + "stepHeaderLabelPreview": "#0F1A2A", + "stepHeaderLabelTodo": "#0F1A2A", + "stepHeaderTitleComplete": "#0F1A2A", + "stepHeaderTitlePreview": "#4F5865", + "stepHeaderTitleTodo": "#0F1A2A", + "stepIndicatorBgActive": "#102EE9", + "stepIndicatorBgDefault": "#D2D7DF", + "stepProgressBgBox": "#102EE9", + "stepProgressContentPrimary": "#FFFFFF", + "stepProgressContentSecondary": "#001BC0", + "stepProgressItemBgBox": "#7083FF", + "stepProgressItemBgFinish": "#27313F", + "stepProgressItemBgIndicator": "#FFFFFF", + "stepProgressItemBgProgress": "#102EE9", + "stepProgressItemContentFinish": "#FFFFFF", + "switchFalseBgActive": "#6C7684", + "switchFalseBgDefault": "#6C7684", + "switchFalseBgFocus": "#6C7684", + "switchFalseBgHover": "#4F5865", + "switchFalseBgInactive": "#949FAC", + "switchFalseButtonActive": "#FFFFFF", + "switchFalseButtonDefault": "#FFFFFF", + "switchFalseButtonFocus": "#FFFFFF", + "switchFalseButtonHover": "#FFFFFF", + "switchFalseButtonInactive": "#FFFFFF", + "switchFalseIconActive": "#FFFFFF", + "switchFalseIconDefault": "#FFFFFF", + "switchFalseIconFocus": "#FFFFFF", + "switchFalseIconHover": "#FFFFFF", + "switchFalseIconInactive": "#FFFFFF", + "switchTrueBgActive": "#102EE9", + "switchTrueBgDefault": "#102EE9", + "switchTrueBgFocus": "#102EE9", + "switchTrueBgHover": "#001BC0", + "switchTrueBgInactive": "#949FAC", + "switchTrueButtonActive": "#FFFFFF", + "switchTrueButtonDefault": "#FFFFFF", + "switchTrueButtonFocus": "#FFFFFF", + "switchTrueButtonHover": "#FFFFFF", + "switchTrueButtonInactive": "#FFFFFF", + "switchTrueIconActive": "#FFFFFF", + "switchTrueIconDefault": "#FFFFFF", + "switchTrueIconFocus": "#FFFFFF", + "switchTrueIconHover": "#FFFFFF", + "switchTrueIconInactive": "#FFFFFF", + "tabBorderActive": "#001BC0", + "tabBorderHover": "#B5BEC9", + "tabLabelActive": "#001BC0", + "tabLabelDefault": "#4F5865", + "tabLabelFocus": "#4F5865", + "tabLabelHover": "#27313F", + "tabLabelInactive": "#949FAC", + "tableBgDefault": "#FFFFFF", + "tableBorderDefault": "#D2D7DF", + "tableCellGrayBgActive": "#EDF0F2", + "tableCellGrayBgDefault": "#F8FAFC", + "tableCellGrayBgFocus": "#F8FAFC", + "tableCellGrayBgHover": "#EDF0F2", + "tableCellGrayBorderActive": "#D2D7DF", + "tableCellGrayBorderDefault": "#D2D7DF", + "tableCellGrayBorderFocus": "#D2D7DF", + "tableCellGrayBorderHover": "#D2D7DF", + "tableCellGrayContentDefault": "#0F1A2A", + "tableCellWhiteBgActive": "#EDF0F2", + "tableCellWhiteBgDefault": "#FFFFFF", + "tableCellWhiteBgFocus": "#FFFFFF", + "tableCellWhiteBgHover": "#EDF0F2", + "tableCellWhiteBorderActive": "#D2D7DF", + "tableCellWhiteBorderDefault": "#D2D7DF", + "tableCellWhiteBorderFocus": "#D2D7DF", + "tableCellWhiteBorderHover": "#D2D7DF", + "tableCellWhiteContentDefault": "#0F1A2A", + "tableHeaderBgDefault": "#F8FAFC", + "tableHeaderBorderDefault": "#D2D7DF", + "tableHeaderContentDefault": "#0F1A2A", + "textAreaBgActive": "#FFFFFF", + "textAreaBgDefault": "#FFFFFF", + "textAreaBgError": "#FFFFFF", + "textAreaBgFocus": "#FFFFFF", + "textAreaBgHover": "#F8FAFC", + "textAreaBgInactive": "#F8FAFC", + "textAreaBorderActive": "#102EE9", + "textAreaBorderDefault": "#6C7684", + "textAreaBorderError": "#A31900", + "textAreaBorderFocus": "#6C7684", + "textAreaBorderHover": "#6C7684", + "textAreaBorderInactive": "#6C7684", + "textAreaResizeDefault": "#0F1A2A", + "titleContentInverse": "#FFFFFF", + "titleContentPrimary": "#0F1A2A", + "titleContentSecondary": "#102EE9", + "titleContentTertiary": "#4F5865", + "toastBgError": "#FEF2F2", + "toastBgInfo": "#EBEDFF", + "toastBgNeutral": "#F8FAFC", + "toastBgSuccess": "#ECFDF5", + "toastBgWarning": "#FFFBEB", + "toastBorderError": "#B91C1C", + "toastBorderInfo": "#102EE9", + "toastBorderNeutral": "#4F5865", + "toastBorderSuccess": "#047857", + "toastBorderWarning": "#B05C09", + "toastIconError": "#B91C1C", + "toastIconInfo": "#102EE9", + "toastIconNeutral": "#4F5865", + "toastIconSuccess": "#047857", + "toastIconWarning": "#B05C09", + "toastLabelError": "#0F1A2A", + "toastLabelInfo": "#0F1A2A", + "toastLabelNeutral": "#0F1A2A", + "toastLabelSuccess": "#0F1A2A", + "toastLabelWarning": "#0F1A2A", + "tooltipBgDefault": "#27313F", + "tooltipContentPrimary": "#FFFFFF", + "tooltipContentSecondary": "#D2D7DF", "transparent": "transparent", "yellow100": "#FFFBEB", "yellow200": "#FEF3C7",