Skip to content

Commit

Permalink
Merge pull request #743 from springernature/form-templates
Browse files Browse the repository at this point in the history
Global Forms
  • Loading branch information
Heydon authored Jul 6, 2022
2 parents b11632c + b7ca29b commit ab63ab5
Show file tree
Hide file tree
Showing 68 changed files with 2,834 additions and 236 deletions.
9 changes: 9 additions & 0 deletions .sass-lint.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
options:
config-file: ./node_modules/@springernature/sasslint-config/config/.sass-lint.yml
rules:
# Design tokens need to be in long form for design tool integration
# Allow both styles to fit with existing formatting
hex-length:
- 2
-
style: off
4 changes: 4 additions & 0 deletions context/brand-context/HISTORY.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,8 @@
# History
## 25.0.0 (2022-06-29)
* UDPATES:
* updates generated Sass from Design Tokens
* Long form hex codes for Design Tokens - allows design tool integration
## 24.1.0 (2022-06-29)
* UPDATES:
* Normalizer from v5 to v8 inline with our own IE support matrix.
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@

// Do not edit directly
// Generated on Tue, 28 Jun 2022 10:44:21 GMT
// Generated on Fri, 01 Jul 2022 16:01:55 GMT

$tokens--background-page: #f8f8f8;
$tokens--background-container: #ffffff;
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@

// Do not edit directly
// Generated on Tue, 28 Jun 2022 10:44:21 GMT
// Generated on Fri, 01 Jul 2022 16:01:55 GMT

$tokens--border-color-primary: #222222;
$tokens--border-color-input: #555555;
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@

// Do not edit directly
// Generated on Tue, 28 Jun 2022 10:44:21 GMT
// Generated on Fri, 01 Jul 2022 16:01:55 GMT

$tokens--breakpoints-xs: 320px; // mobile
$tokens--breakpoints-sm: 580px; // small tablet
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@

// Do not edit directly
// Generated on Tue, 28 Jun 2022 10:44:21 GMT
// Generated on Fri, 01 Jul 2022 16:01:55 GMT

$tokens--button-background-primary-resting: #01324b;
$tokens--button-background-primary-hover: #ffffff;
Expand Down
33 changes: 33 additions & 0 deletions context/brand-context/default/scss/00-tokens/_color.variables.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@

// Do not edit directly
// Generated on Fri, 01 Jul 2022 16:01:55 GMT

$tokens--color-white: #ffffff;
$tokens--color-black: #000000;
$tokens--color-grayscale-200: #f8f8f8;
$tokens--color-grayscale-300: #f3f3f3;
$tokens--color-grayscale-400: #dadada;
$tokens--color-grayscale-500: #999999;
$tokens--color-grayscale-600: #666666;
$tokens--color-grayscale-700: #555555;
$tokens--color-grayscale-800: #222222;
$tokens--color-blue-100: #ebf1f5;
$tokens--color-blue-200: #cedbe0;
$tokens--color-blue-300: #0088cc;
$tokens--color-blue-400: #025e8d;
$tokens--color-blue-700: #003f8d;
$tokens--color-blue-900: #01324b;
$tokens--color-primary-universal-dark-blue: #01324b;
$tokens--color-primary-medium-blue: #025e8d;
$tokens--color-primary-bright-blue: #0088cc;
$tokens--color-primary-grey-blue-light-1: #ebf1f5;
$tokens--color-primary-grey-blue-light-2: #cedbe0;
$tokens--color-primary-black: #000000;
$tokens--color-primary-white: #ffffff;
$tokens--color-information-red: #c40606;
$tokens--color-information-orange: #f58220;
$tokens--color-information-blue: #000000;
$tokens--color-information-green: #00a69d;
$tokens--color-interaction-hover: #025e8d;
$tokens--color-interaction-visited: #a345c9;
$tokens--color-interaction-focus: #ffcc00;
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@

// Do not edit directly
// Generated on Fri, 01 Jul 2022 16:01:55 GMT

$tokens--font-weight-light: 300; // normal
$tokens--font-weight-normal: 400; // The normal, or ‘regular’, font weight.
$tokens--font-weight-regular: 400; // The normal, or ‘regular’, font weight.
$tokens--font-weight-bold: 700; // The bold font weight.
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@

// Do not edit directly
// Generated on Fri, 01 Jul 2022 16:01:55 GMT

$tokens--icon-checkbox-checked-stroke: #ffffff;
$tokens--icon-checkbox-checked-fill: #01324b;
$tokens--icon-select-stroke: #000000;
7 changes: 6 additions & 1 deletion context/brand-context/default/scss/00-tokens/_index.scss
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,13 @@
@import '_border.variables.scss';
@import '_breakpoints.variables.scss';
@import '_button.variables.scss';
@import '_color.variables.scss';
@import '_font-weight.variables.scss';
@import '_icon.variables.scss';
@import '_link.variables.scss';
@import '_sizing.variables.scss';
@import '_spacing.variables.scss';
@import '_state.variables.scss';
@import '_text.variables.scss';
@import '_text.variables.scss';
@import '_typography.variables.scss';
@import '_ui.variables.scss';
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@

// Do not edit directly
// Generated on Tue, 28 Jun 2022 10:44:21 GMT
// Generated on Fri, 01 Jul 2022 16:01:55 GMT

$tokens--link-color: #025e8d;
$tokens--link-hover: #01324b;
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@

// Do not edit directly
// Generated on Tue, 28 Jun 2022 10:44:21 GMT
// Generated on Fri, 01 Jul 2022 16:01:55 GMT

$tokens--sizing-relative-0: 0; // no spacing, zero.
$tokens--sizing-relative-25: .0625; // .0625rem, 1px
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@

// Do not edit directly
// Generated on Tue, 28 Jun 2022 10:44:21 GMT
// Generated on Fri, 01 Jul 2022 16:01:55 GMT

$tokens--spacing-relative-0: 0; // no spacing, zero.
$tokens--spacing-relative-100: .25rem; // .25rem, 4px.
Expand Down
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@

// Do not edit directly
// Generated on Tue, 28 Jun 2022 10:44:21 GMT
// Generated on Fri, 01 Jul 2022 16:01:55 GMT

$tokens--state-focus: #0088cc;
$tokens--state-focus: #ffcc00;
$tokens--state-error: #c40606;
$tokens--state-warning: #f58220;
$tokens--state-success: #00a69d;
$tokens--state-information: #003f8d;
$tokens--state-information: #000000;
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@

// Do not edit directly
// Generated on Tue, 28 Jun 2022 10:44:21 GMT
// Generated on Fri, 01 Jul 2022 16:01:55 GMT

$tokens--text-primary: #000000;
$tokens--text-secondary: #666666;
Expand Down
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@

// Do not edit directly
// Generated on Fri, 01 Jul 2022 16:01:55 GMT

$tokens--typography-heading-font-family: serif;
$tokens--typography-heading-letter-spacing: 0.2rem;
$tokens--typography-heading-line-height: 1.2;
$tokens--typography-heading-level-1-default-font-size: 2.5rem;
$tokens--typography-heading-level-1-default-font-weight: 400;
$tokens--typography-heading-level-1-fluid-font-size: clamp(1.875rem, 4vw, 2.5rem);
$tokens--typography-heading-level-2-default-font-size: 1.875rem;
$tokens--typography-heading-level-2-default-font-weight: 400;
$tokens--typography-heading-level-2-fluid-font-size: clamp(1.5rem, 4vw, 1.875rem);
$tokens--typography-heading-level-3-default-font-size: 1.5rem;
$tokens--typography-heading-level-3-fluid-font-size: clamp(1.25rem, 4vw, 1.5rem);
$tokens--typography-heading-level-4-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
$tokens--typography-heading-level-4-default-font-size: 1.25rem;
$tokens--typography-heading-level-4-fluid-font-size: clamp(1.125rem, 4vw, 1.25rem);
$tokens--typography-heading-level-4-font-weight: 700;
$tokens--typography-heading-level-5-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
$tokens--typography-heading-level-5-font-size: 1.125rem;
$tokens--typography-heading-level-5-font-weight: 700;
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@

// Do not edit directly
// Generated on Fri, 01 Jul 2022 16:01:55 GMT

$tokens--ui-font-size: 1rem;
$tokens--ui-focus-outline-color: #025e8d;
$tokens--ui-content-width: 70ch;
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@

// Do not edit directly
// Generated on Tue, 28 Jun 2022 10:44:21 GMT
// Generated on Fri, 01 Jul 2022 16:01:55 GMT

$tokens--illustration-background-001: #29303C;
$tokens--illustration-background-002: #536179;
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@

// Do not edit directly
// Generated on Tue, 28 Jun 2022 10:44:22 GMT
// Generated on Fri, 01 Jul 2022 16:01:55 GMT

$tokens--typography-heading-font-family: serif;
$tokens--typography-heading-letter-spacing: 0.2rem;
Expand Down
2 changes: 1 addition & 1 deletion context/brand-context/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@springernature/brand-context",
"version": "24.1.0",
"version": "25.0.0",
"license": "MIT",
"description": "Bootstrapping for all components and products",
"keywords": [],
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@

// Do not edit directly
// Generated on Tue, 28 Jun 2022 10:44:21 GMT
// Generated on Fri, 01 Jul 2022 16:01:55 GMT

$tokens--typography-heading-font-family: serif;
$tokens--typography-heading-letter-spacing: 0.2rem;
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@

// Do not edit directly
// Generated on Tue, 28 Jun 2022 10:44:21 GMT
// Generated on Fri, 01 Jul 2022 16:01:55 GMT

$tokens--breakpoints-tablet-width: 480px; // tablet-width
$tokens--breakpoints-tablet-wide-width: 768px; // tablet-wide-width
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@

// Do not edit directly
// Generated on Tue, 28 Jun 2022 10:44:21 GMT
// Generated on Fri, 01 Jul 2022 16:01:55 GMT

$tokens--typography-heading-font-family: serif;
$tokens--typography-heading-letter-spacing: 0.2rem;
Expand Down
52 changes: 52 additions & 0 deletions context/design-tokens/alias/default/color/color.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,52 @@
{
"color": {
"primary": {
"universal-dark-blue": {
"value": "{color.blue.900}"
},
"medium-blue": {
"value": "{color.blue.400}"
},
"bright-blue": {
"value": "{color.blue.300}"
},
"grey-blue-light-1": {
"value": "{color.blue.100}"
},
"grey-blue-light-2": {
"value": "{color.blue.200}"
},
"black": {
"value": "{color.black}"
},
"white": {
"value": "{color.white}"
}
},
"information": {
"red": {
"value": "#C40606"
},
"orange": {
"value": "#F58220"
},
"blue": {
"value": "{color.blue.700"
},
"green": {
"value": "#00A69D"
}
},
"interaction": {
"hover": {
"value": "{color.blue.400}"
},
"visited": {
"value": "#A345C9"
},
"focus": {
"value": "#FFCC00"
}
}
}
}
19 changes: 19 additions & 0 deletions context/design-tokens/alias/default/icon/icon.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
{
"icon": {
"checkbox": {
"checked": {
"stroke": {
"value": "{color.white}"
},
"fill": {
"value": "{color.primary.universal-dark-blue}"
}
}
},
"select": {
"stroke": {
"value": "{color.black}"
}
}
}
}
Loading

0 comments on commit ab63ab5

Please sign in to comment.