Skip to content

Commit

Permalink
Tokens: Adds Initial Semantic Tokens (#226)
Browse files Browse the repository at this point in the history 
* style: adds initial semantic tokens

* style: builds new semantic tokens

---------

Co-authored-by: Kajabi Automations Bot <120066875+dev-kjbot@users.noreply.github.com>
  • Loading branch information
@anechol @dev-kjbot @ju-Skinner
2 people authored and ju-Skinner committed Sep 9, 2024
1 parent f73c3e5 commit 7f305f7
Show file tree
Hide file tree
Showing 2 changed files with 16 additions and 217 deletions.
39 changes: 4 additions & 35 deletions libs/core/src/global/styles/tokens/semantic/_semantic.scss
View file
Original file line number Diff line number Diff line change
@@ -1,43 +1,12 @@
:root {
--pine-border-radius-default: 8px;
--pine-border-radius-circle: 9999px;
--pine-color-background-action-primary-default: #343332;
--pine-color-background-action-primary-disabled: #d2d1d1;
--pine-color-background-action-primary-hover: #1a1a19;
--pine-color-background-action-secondary-default: #ffffff;
--pine-color-background-action-accent-default: #92c5fd;
--pine-color-background-action-accent-disabled: #eff6ff;
--pine-color-background-action-accent-hover: #60a5fa;
--pine-color-background-action-destructive-default: #fda5a5;
--pine-color-background-action-destructive-disabled: #fef2f2;
--pine-color-background-action-destructive-hover: #f87171;
--pine-color-background-container-default: #ffffff;
--pine-color-background-form-default: #ffffff;
--pine-color-background-sentiment-neutral: #343332;
--pine-color-background-sentiment-positive: #73e2a3;
--pine-color-background-sentiment-negative: #fda5a5;
--pine-color-background-sentiment-attentive: #fed04b;
--pine-color-background-sentiment-informative: #92c5fd;
--pine-color-text-action-primary-default: #ffffff;
--pine-color-text-action-primary-disabled: #828180;
--pine-color-text-action-accent-default: #ffffff;
--pine-color-text-action-accent-disabled: #bfdbfe;
--pine-color-text-action-destructive-default: #ffffff;
--pine-color-text-action-destructive-disabled: #fecaca;
--pine-color-text-body-default: #343332;
--pine-color-text-form-default: #343332;
--pine-color-text-form-disabled: #6c6a69;
--pine-color-text-form-error: #fda5a5;
--pine-color-text-form-placeholder: #6c6a69;
--pine-color-text-heading-default: #1a1a19;
--pine-color-text-icon-default: #343332;
--pine-color-text-link-default: #92c5fd;
--pine-color-text-link-hover: #60a5fa;
--pine-color-text-default: #343332;
--pine-color-text-interactive-default: #6c6a69;
--pine-color-text-interactive-disabled: #9b9a98;
--pine-color-background-default: #ffffff;
--pine-border-default: 1px solid #d2d1d1;
--pine-border-interactive-default: 1px solid #bbbab9;
--pine-border-interactive-hover: 1px solid #9b9a98;
--pine-border-interactive-error: 1px solid #fda5a5;
--pine-border-focus-default: 2px solid #bfdbfe;
--pine-border-focus-destructive: 2px solid #fecaca;
--pine-border-focus-error: 2px solid #fecaca;
}
194 changes: 12 additions & 182 deletions libs/core/src/global/styles/tokens/semantic/semantic.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,32 +33,6 @@
},
"type": "border"
}
},
"focus": {
"default": {
"value": {
"color": "{color.blue.200}",
"width": "{border-width.thick}",
"style": "solid"
},
"type": "border"
},
"destructive": {
"value": {
"color": "{color.red.200}",
"width": "{border-width.thick}",
"style": "solid"
},
"type": "border"
},
"error": {
"value": {
"color": "{color.red.200}",
"width": "{border-width.thick}",
"style": "solid"
},
"type": "border"
}
}
},
"border-radius": {
Expand All @@ -72,171 +46,27 @@
}
},
"color": {
"background": {
"action": {
"primary": {
"default": {
"value": "{color.grey.900}",
"type": "color"
},
"disabled": {
"value": "{color.grey.300}",
"type": "color"
},
"hover": {
"value": "{color.grey.950}",
"type": "color"
}
},
"secondary": {
"default": {
"value": "{color.white}",
"type": "color"
}
},
"accent": {
"default": {
"value": "{color.blue.300}",
"type": "color"
},
"disabled": {
"value": "{color.blue.100}",
"type": "color"
},
"hover": {
"value": "{color.blue.400}",
"type": "color"
}
},
"destructive": {
"default": {
"value": "{color.red.300}",
"type": "color"
},
"disabled": {
"value": "{color.red.100}",
"type": "color"
},
"hover": {
"value": "{color.red.400}",
"type": "color"
}
}
},
"container": {
"default": {
"value": "{color.white}",
"type": "color"
}
},
"form": {
"default": {
"value": "{color.white}",
"type": "color"
}
},
"sentiment": {
"neutral": {
"value": "{color.grey.900}",
"type": "color"
},
"positive": {
"value": "{color.green.300}",
"type": "color"
},
"negative": {
"value": "{color.red.300}",
"type": "color"
},
"attentive": {
"value": "{color.yellow.300}",
"type": "color"
},
"informative": {
"value": "{color.blue.300}",
"type": "color"
}
}
},
"text": {
"action": {
"primary": {
"default": {
"value": "{color.white}",
"type": "color"
},
"disabled": {
"value": "{color.grey.600}",
"type": "color"
}
},
"accent": {
"default": {
"value": "{color.white}",
"type": "color"
},
"disabled": {
"value": "{color.blue.200}",
"type": "color"
}
},
"destructive": {
"default": {
"value": "{color.white}",
"type": "color"
},
"disabled": {
"value": "{color.red.200}",
"type": "color"
}
}
},
"body": {
"default": {
"value": "{color.grey.900}",
"type": "color"
}
"default": {
"value": "{color.grey.900}",
"type": "color"
},
"form": {
"interactive": {
"default": {
"value": "{color.grey.900}",
"type": "color"
},
"disabled": {
"value": "{color.grey.700}",
"type": "color"
},
"error": {
"value": "{color.red.300}",
"type": "color"
},
"placeholder": {
"value": "{color.grey.700}",
"type": "color"
}
},
"heading": {
"default": {
"value": "{color.grey.950}",
"type": "color"
}
},
"icon": {
"default": {
"value": "{color.grey.900}",
"type": "color"
}
},
"link": {
"default": {
"value": "{color.blue.300}",
"type": "color"
},
"hover": {
"value": "{color.blue.400}",
"disabled": {
"value": "{color.grey.500}",
"type": "color"
}
}
},
"background": {
"default": {
"value": "{color.white}",
"type": "color"
}
}
}
}

0 comments on commit 7f305f7

Please sign in to comment.