@pantheon-systems/pds-design-tokens 1.0.0-dev.157 → 1.0.0-dev.159

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/build/css/pds-design-tokens-light-mode.css +9 -0
  2. package/build/css/pds-design-tokens.css +19 -22
  3. package/build/figma/pds-design-tokens-figma.json +341 -99
  4. package/build/json/pds-design-tokens-light-mode.json +242 -0
  5. package/build/json/pds-design-tokens.json +112 -177
  6. package/package.json +1 -1
package/build/css/pds-design-tokens-light-mode.css CHANGED
@@ -91,6 +91,15 @@
91
91
  --pds-color-button-critical-foreground-active: #ffffff;
92
92
  --pds-color-button-critical-foreground-default: #ffffff;
93
93
  --pds-color-button-critical-foreground-hover: #ffffff;
94
+ --pds-color-button-critical-secondary-background-active: #ffdcd8;
95
+ --pds-color-button-critical-secondary-background-default: rgba(0, 0, 0, 0);
96
+ --pds-color-button-critical-secondary-background-hover: var(--pds-color-status-critical-background);
97
+ --pds-color-button-critical-secondary-border-active: var(--pds-color-button-critical-border-active);
98
+ --pds-color-button-critical-secondary-border-default: var(--pds-color-status-critical-foreground);
99
+ --pds-color-button-critical-secondary-border-hover: var(--pds-color-button-critical-border-hover);
100
+ --pds-color-button-critical-secondary-foreground-active: var(--pds-color-status-critical-foreground);
101
+ --pds-color-button-critical-secondary-foreground-default: var(--pds-color-status-critical-foreground);
102
+ --pds-color-button-critical-secondary-foreground-hover: var(--pds-color-status-critical-foreground);
94
103
  --pds-color-button-navbar-foreground-active: var(--pds-color-interactive-link-active);
95
104
  --pds-color-button-navbar-foreground-default: var(--pds-color-foreground-default);
96
105
  --pds-color-button-navbar-foreground-hover: var(--pds-color-interactive-link-hover);
package/build/css/pds-design-tokens.css CHANGED
@@ -82,29 +82,26 @@
82
82
  --pds-spacing-s: 0.8rem;
83
83
  --pds-spacing-xl: 1.563rem;
84
84
  --pds-spacing-xs: 0.64rem;
85
- --pds-typography-font-code: 'Source Code Pro', monospace;
85
+ --pds-typography-ff-code: 'Source Code Pro', monospace;
86
+ --pds-typography-ff-default: 'Poppins', sans-serif;
87
+ --pds-typography-ff-mono: 'Source Code Pro', monospace;
88
+ --pds-typography-ff-sans: 'Poppins', sans-serif;
89
+ --pds-typography-ff-secondary: 'Aleo', serif;
90
+ --pds-typography-ff-serif: 'Aleo', serif;
86
91
  --pds-typography-font-css-import: 'https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap';
87
- --pds-typography-font-default: 'Poppins', sans-serif;
88
- --pds-typography-font-fine-print: 'Inter', sans-serif;
89
- --pds-typography-font-headings: 'Poppins', sans-serif;
90
- --pds-typography-font-lead: 'Aleo', serif;
91
- --pds-typography-font-overline: 'Poppins', sans-serif;
92
- --pds-typography-font-paragraph: 'Poppins', sans-serif;
93
- --pds-typography-font-quote: 'Aleo', serif;
94
- --pds-typography-font-secondary: 'Aleo', serif;
95
- --pds-typography-font-weight-bold: 700;
96
- --pds-typography-font-weight-light: 300;
97
- --pds-typography-font-weight-medium: 500;
98
- --pds-typography-font-weight-regular: 400;
99
- --pds-typography-font-weight-semibold: 600;
100
- --pds-typography-letter-spacing-l: 0.04rem;
101
- --pds-typography-letter-spacing-m: 0.02rem;
102
- --pds-typography-letter-spacing-s: 0.01rem;
103
- --pds-typography-letter-spacing-xl: 0.06rem;
104
- --pds-typography-line-height-l: 165%;
105
- --pds-typography-line-height-m: 140%;
106
- --pds-typography-line-height-s: 120%;
107
- --pds-typography-line-height-xl: 195%;
92
+ --pds-typography-fw-bold: 700;
93
+ --pds-typography-fw-light: 300;
94
+ --pds-typography-fw-medium: 500;
95
+ --pds-typography-fw-regular: 400;
96
+ --pds-typography-fw-semibold: 600;
97
+ --pds-typography-lh-l: 165%;
98
+ --pds-typography-lh-m: 140%;
99
+ --pds-typography-lh-s: 120%;
100
+ --pds-typography-lh-xl: 195%;
101
+ --pds-typography-ls-l: 0.04rem;
102
+ --pds-typography-ls-m: 0.02rem;
103
+ --pds-typography-ls-s: 0.01rem;
104
+ --pds-typography-ls-xl: 0.06rem;
108
105
  --pds-typography-multiplier-medium: 0.88;
109
106
  --pds-typography-multiplier-small: 0.84;
110
107
  --pds-typography-size-2xl: 1.728rem;