@oxide/design-system 0.0.1 → 0.0.2

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.
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@oxide/design-system",
3
- "version": "0.0.1",
3
+ "version": "0.0.2",
4
4
  "description": "Home of reusable design assets and token for oxide internal sites",
5
5
  "main": "index.js",
6
6
  "scripts": {
7
7
  "build:themes": "./scripts/build_themes.sh",
8
8
  "build": "run-s build:*",
9
- "prebuild:tokens": "token-transformer --preserveRawValue ./styles/tokens.json ./styles/main.json global,colors,core,main"
9
+ "prebuild:tokens": "token-transformer --preserveRawValue ./styles/src/tokens.json ./styles/src/.tokens/main.json global,colors,core,main"
10
10
  },
11
11
  "author": "",
12
12
  "license": "ISC",
@@ -581,7 +581,7 @@
581
581
  --theme-notice-800: rgb(var(--theme-notice-800-rgb));
582
582
 
583
583
 
584
- --border-radius: 0.125rem;
585
- --border-radius-lg: 0.1875rem;
584
+ --border-radius-sm: 0.125rem;
585
+ --border-radius: 0.1875rem;
586
586
  --border-radius-full: 624.9375rem;
587
587
  }
@@ -683,7 +683,7 @@
683
683
  --theme-notice-800: rgb(var(--theme-notice-800-rgb));
684
684
 
685
685
 
686
- --border-radius: 0.125rem;
687
- --border-radius-lg: 0.1875rem;
686
+ --border-radius-sm: 0.125rem;
687
+ --border-radius: 0.1875rem;
688
688
  --border-radius-full: 624.9375rem;
689
689
  }
@@ -581,7 +581,7 @@
581
581
  --theme-notice-800: rgb(var(--theme-notice-800-rgb));
582
582
 
583
583
 
584
- --border-radius: 0.125rem;
585
- --border-radius-lg: 0.1875rem;
584
+ --border-radius-sm: 0.125rem;
585
+ --border-radius: 0.1875rem;
586
586
  --border-radius-full: 624.9375rem;
587
587
  }
@@ -6,27 +6,23 @@
6
6
  '.text-mono-xs': {
7
7
  'font-family': "\"GT America Mono\", monospace",
8
8
  'font-weight': 400,
9
- 'font-size': "0.625rem",
10
- 'letter-spacing': "0.04rem",
11
- 'text-transform': "uppercase",
12
- },
13
- '.text-mono-sm': {
14
- 'font-family': "\"GT America Mono\", monospace",
15
- 'font-weight': 400,
9
+ 'line-height': "1rem",
16
10
  'font-size': "0.6875rem",
17
11
  'letter-spacing': "0.04rem",
18
12
  'text-transform': "uppercase",
19
13
  },
20
- '.text-mono-md': {
14
+ '.text-mono-sm': {
21
15
  'font-family': "\"GT America Mono\", monospace",
22
16
  'font-weight': 400,
17
+ 'line-height': "1rem",
23
18
  'font-size': "0.75rem",
24
19
  'letter-spacing': "0.04rem",
25
20
  'text-transform': "uppercase",
26
21
  },
27
- '.text-mono-lg': {
22
+ '.text-mono-md': {
28
23
  'font-family': "\"GT America Mono\", monospace",
29
24
  'font-weight': 400,
25
+ 'line-height': "1.25rem",
30
26
  'font-size': "0.875rem",
31
27
  'letter-spacing': "0.04rem",
32
28
  'text-transform': "uppercase",
@@ -34,16 +30,23 @@
34
30
  '.text-sans-light-3xl': {
35
31
  'font-family': "SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif",
36
32
  'font-weight': 300,
37
- 'line-height': "3.125rem",
33
+ 'line-height': "3rem",
38
34
  'font-size': "2.5rem",
35
+ 'letter-spacing': "0.015rem",
36
+ },
37
+ '.text-sans-light-2xl': {
38
+ 'font-family': "SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif",
39
+ 'font-weight': 300,
40
+ 'line-height': "2rem",
41
+ 'font-size': "1.5625rem",
39
42
  'letter-spacing': "0.015rem",
40
43
  },
41
44
  '.text-sans-sm': {
42
45
  'font-family': "SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif",
43
46
  'font-weight': 400,
44
- 'line-height': "1.125rem",
45
- 'font-size': "0.8125rem",
46
- 'letter-spacing': "0.05rem",
47
+ 'line-height': "1rem",
48
+ 'font-size': "0.75rem",
49
+ 'letter-spacing': "0.04rem",
47
50
  },
48
51
  '.text-sans-md': {
49
52
  'font-family': "SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif",
@@ -55,9 +58,16 @@
55
58
  '.text-sans-lg': {
56
59
  'font-family': "SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif",
57
60
  'font-weight': 400,
58
- 'line-height': "1.25rem",
61
+ 'line-height': "1.5rem",
59
62
  'font-size': "1rem",
60
63
  'letter-spacing': "0.03rem",
64
+ },
65
+ '.text-sans-xl': {
66
+ 'font-family': "SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif",
67
+ 'font-weight': 400,
68
+ 'line-height': "1.75rem",
69
+ 'font-size': "1.125rem",
70
+ 'letter-spacing': "0.02rem",
61
71
  },
62
72
  '.text-sans-2xl': {
63
73
  'font-family': "SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif",
@@ -69,9 +79,9 @@
69
79
  '.text-sans-semi-sm': {
70
80
  'font-family': "SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif",
71
81
  'font-weight': 400,
72
- 'line-height': "1.125rem",
73
- 'font-size': "0.8125rem",
74
- 'letter-spacing': "0.05rem",
82
+ 'line-height': "1rem",
83
+ 'font-size': "0.75rem",
84
+ 'letter-spacing': "0.04rem",
75
85
  },
76
86
  '.text-sans-semi-md': {
77
87
  'font-family': "SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif",
@@ -83,16 +93,9 @@
83
93
  '.text-sans-semi-lg': {
84
94
  'font-family': "SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif",
85
95
  'font-weight': 400,
86
- 'line-height': "1.25rem",
96
+ 'line-height': "1.5rem",
87
97
  'font-size': "1rem",
88
98
  'letter-spacing': "0.03rem",
89
- },
90
- '.text-sans-semi-xl': {
91
- 'font-family': "SuisseIntl, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif",
92
- 'font-weight': 400,
93
- 'line-height': "1.5rem",
94
- 'font-size': "1.1875rem",
95
- 'letter-spacing': "0.02rem",
96
99
  }
97
100
  }
98
101
 
@@ -875,6 +878,6 @@
875
878
  }
876
879
 
877
880
  module.exports.borderRadiusTokens = {
878
- 'DEFAULT': 'var(--border-radius)','lg': 'var(--border-radius-lg)','full': 'var(--border-radius-full)'
881
+ 'sm': 'var(--border-radius-sm)','DEFAULT': 'var(--border-radius)','full': 'var(--border-radius-full)'
879
882
  }
880
883
 
@@ -581,7 +581,7 @@
581
581
  --theme-notice-800: rgb(var(--theme-notice-800-rgb));
582
582
 
583
583
 
584
- --border-radius: 0.125rem;
585
- --border-radius-lg: 0.1875rem;
584
+ --border-radius-sm: 0.125rem;
585
+ --border-radius: 0.1875rem;
586
586
  --border-radius-full: 624.9375rem;
587
587
  }