Skip to content
This repository has been archived by the owner on Jul 31, 2024. It is now read-only.

Commit

Permalink
FDS-662 text tokens updated (#262)
Browse files Browse the repository at this point in the history
  • Loading branch information
@vikas-cldcvr
vikas-cldcvr authored Apr 1, 2024
1 parent b3aa2af commit 11a4581
Show file tree
Hide file tree
Showing 5 changed files with 73 additions and 67 deletions.
6 changes: 6 additions & 0 deletions packages/flow-core/CHANGELOG.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,12 @@

# Change Log

## [2.9.8] - 2024-04-01

### Bug Fixes

- font tokens updated

## [2.9.7] - 2024-03-28

### Improvements
Expand Down
6 changes: 3 additions & 3 deletions packages/flow-core/figma/sync-colors.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -69,7 +69,7 @@ function generateTokenScss(colorTokens) {
prettier.format(scss, {
printWidth: 100,
singleQuote: false,
tabWidth: 4,
tabWidth: 2,
parser: "css"
})
);
Expand Down Expand Up @@ -103,7 +103,7 @@ function generateTextScss(textTokens) {
prettier.format(scss, {
printWidth: 100,
singleQuote: false,
tabWidth: 4,
tabWidth: 2,
parser: "css"
})
);
Expand All @@ -118,7 +118,7 @@ function generateTextScss(textTokens) {
prettier.format(scssContent, {
printWidth: 100,
singleQuote: false,
tabWidth: 4,
tabWidth: 2,
parser: "css"
})
);
Expand Down
2 changes: 1 addition & 1 deletion packages/flow-core/package.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@ollion/flow-core",
"version": "2.9.7",
"version": "2.9.8",
"description": "Core package of flow design system",
"module": "dist/flow-core.es.js",
"main": "dist/flow-core.cjs.js",
Expand Down
8 changes: 4 additions & 4 deletions packages/flow-core/src/mixins/scss/_color-tokens.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -564,10 +564,6 @@
--color-icon-subtle: #{$color-icon-subtle} !important;
--color-icon-subtle-hover: #{getHover($color-icon-subtle)} !important;
--color-icon-subtle-selected: #{getSelected($color-icon-subtle)} !important;
$color-danger-subtle: #e4a4a4;
--color-danger-subtle: #{$color-danger-subtle} !important;
--color-danger-subtle-hover: #{getHover($color-danger-subtle)} !important;
--color-danger-subtle-selected: #{getSelected($color-danger-subtle)} !important;
$color-neutral-text: #1d1b16;
--color-neutral-text: #{$color-neutral-text} !important;
--color-neutral-text-hover: #{getHover($color-neutral-text)} !important;
Expand Down Expand Up @@ -732,6 +728,10 @@
--color-color-5-surface: #{$color-color-5-surface} !important;
--color-color-5-surface-hover: #{getHover($color-color-5-surface)} !important;
--color-color-5-surface-selected: #{getSelected($color-color-5-surface)} !important;
$color-danger-subtle: #d98282;
--color-danger-subtle: #{$color-danger-subtle} !important;
--color-danger-subtle-hover: #{getHover($color-danger-subtle)} !important;
--color-danger-subtle-selected: #{getSelected($color-danger-subtle)} !important;
}

[data-theme="f-ollion-dark"] {
Expand Down
118 changes: 59 additions & 59 deletions packages/flow-core/src/mixins/scss/_text-tokens.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -247,127 +247,127 @@

--text-code-x-large-fontfamily: "Operator Mono", monospace;

--text-heading-small-font: 14px;

--text-heading-small-lineheight: 1.2;

--text-heading-small-medium: 350;

--text-heading-small-bold: 400;

--text-heading-small-regular: 325;

--text-heading-small-fontfamily: "Gotham", "Montserrat", sans-serif;

--text-heading-x-large-font: 24px;
--text-heading-large-font: 20px;

--text-heading-x-large-lineheight: 1.2;
--text-heading-large-lineheight: 1.2;

--text-heading-x-large-medium: 350;
--text-heading-large-medium: 500;

--text-heading-x-large-bold: 400;
--text-heading-large-bold: 700;

--text-heading-x-large-regular: 325;
--text-heading-large-regular: 400;

--text-heading-x-large-fontfamily: "Gotham", "Montserrat", sans-serif;
--text-heading-large-fontfamily: "GothamSSm", "Montserrat", sans-serif;

--text-heading-large-font: 20px;
--text-heading-small-font: 14px;

--text-heading-large-lineheight: 1.2;
--text-heading-small-lineheight: 1.2;

--text-heading-large-medium: 350;
--text-heading-small-medium: 500;

--text-heading-large-bold: 400;
--text-heading-small-bold: 700;

--text-heading-large-regular: 325;
--text-heading-small-regular: 400;

--text-heading-large-fontfamily: "Gotham", "Montserrat", sans-serif;
--text-heading-small-fontfamily: "GothamSSm", "Montserrat", sans-serif;

--text-heading-x-small-font: 12px;

--text-heading-x-small-lineheight: 1.2;

--text-heading-x-small-medium: 350;
--text-heading-x-small-medium: 500;

--text-heading-x-small-bold: 400;
--text-heading-x-small-bold: 700;

--text-heading-x-small-regular: 325;
--text-heading-x-small-regular: 400;

--text-heading-x-small-fontfamily: "Gotham", "Montserrat", sans-serif;
--text-heading-x-small-fontfamily: "GothamSSm", "Montserrat", sans-serif;

--text-heading-medium-font: 16px;

--text-heading-medium-lineheight: 1.2;

--text-heading-medium-medium: 350;
--text-heading-medium-medium: 500;

--text-heading-medium-bold: 400;
--text-heading-medium-bold: 700;

--text-heading-medium-regular: 325;
--text-heading-medium-regular: 400;

--text-heading-medium-fontfamily: "Gotham", "Montserrat", sans-serif;
--text-heading-medium-fontfamily: "GothamSSm", "Montserrat", sans-serif;

--text-para-x-small-font: 10px;
--text-heading-x-large-font: 24px;

--text-para-x-small-lineheight: 1.4;
--text-heading-x-large-lineheight: 1.2;

--text-para-x-small-medium: 350;
--text-heading-x-large-medium: 500;

--text-para-x-small-bold: 400;
--text-heading-x-large-bold: 700;

--text-para-x-small-regular: 325;
--text-heading-x-large-regular: 400;

--text-para-x-small-fontfamily: "Gotham", "Montserrat", sans-serif;
--text-heading-x-large-fontfamily: "GothamSSm", "Montserrat", sans-serif;

--text-para-x-large-font: 20px;
--text-para-large-font: 16px;

--text-para-x-large-lineheight: 1.4;
--text-para-large-lineheight: 1.4;

--text-para-x-large-medium: 350;
--text-para-large-medium: 500;

--text-para-x-large-bold: 400;
--text-para-large-bold: 700;

--text-para-x-large-regular: 325;
--text-para-large-regular: 400;

--text-para-x-large-fontfamily: "Gotham", "Montserrat", sans-serif;
--text-para-large-fontfamily: "GothamSSm", "Montserrat", sans-serif;

--text-para-small-font: 12px;

--text-para-small-lineheight: 1.4;

--text-para-small-medium: 350;
--text-para-small-medium: 500;

--text-para-small-bold: 400;
--text-para-small-bold: 700;

--text-para-small-regular: 325;
--text-para-small-regular: 400;

--text-para-small-fontfamily: "Gotham", "Montserrat", sans-serif;
--text-para-small-fontfamily: "GothamSSm", "Montserrat", sans-serif;

--text-para-medium-font: 14px;

--text-para-medium-lineheight: 1.4;

--text-para-medium-medium: 350;
--text-para-medium-medium: 500;

--text-para-medium-bold: 400;
--text-para-medium-bold: 700;

--text-para-medium-regular: 325;
--text-para-medium-regular: 400;

--text-para-medium-fontfamily: "Gotham", "Montserrat", sans-serif;
--text-para-medium-fontfamily: "GothamSSm", "Montserrat", sans-serif;

--text-para-large-font: 16px;
--text-para-x-small-font: 10px;

--text-para-large-lineheight: 1.4;
--text-para-x-small-lineheight: 1.4;

--text-para-x-small-medium: 500;

--text-para-x-small-bold: 700;

--text-para-x-small-regular: 400;

--text-para-large-medium: 350;
--text-para-x-small-fontfamily: "GothamSSm", "Montserrat", sans-serif;

--text-para-large-bold: 400;
--text-para-x-large-font: 20px;

--text-para-x-large-lineheight: 1.4;

--text-para-x-large-medium: 500;

--text-para-x-large-bold: 700;

--text-para-large-regular: 325;
--text-para-x-large-regular: 400;

--text-para-large-fontfamily: "Gotham", "Montserrat", sans-serif;
--text-para-x-large-fontfamily: "GothamSSm", "Montserrat", sans-serif;

--flow-font: "Gotham", "Montserrat", sans-serif;
--flow-font: "GothamSSm", "Montserrat", sans-serif;

--flow-code-font: "Operator Mono", monospace;
}

0 comments on commit 11a4581

Please sign in to comment.