@inversestudio/design-tokens 1.0.13 → 1.0.14

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 (22) hide show
  1. package/dist/css/tokens.css +1 -0
  2. package/dist/css/tokens.dark.css +1 -0
  3. package/dist/css/tokens.light.css +1 -0
  4. package/dist/esm/tokens.dark.js +4 -3
  5. package/dist/esm/tokens.js +4 -3
  6. package/dist/esm/tokens.light.js +4 -3
  7. package/dist/js/tokens.dark.js +4 -3
  8. package/dist/js/tokens.js +4 -3
  9. package/dist/js/tokens.light.js +4 -3
  10. package/dist/json/tokens.dark.json +4 -3
  11. package/dist/json/tokens.dark.nested.json +4 -3
  12. package/dist/json/tokens.json +4 -3
  13. package/dist/json/tokens.light.json +4 -3
  14. package/dist/json/tokens.light.nested.json +4 -3
  15. package/dist/json/tokens.nested.json +4 -3
  16. package/dist/scss/_tokens.dark.scss +2 -0
  17. package/dist/scss/_tokens.light.scss +2 -0
  18. package/dist/scss/_tokens.scss +2 -0
  19. package/dist/types/tokens.d.ts +3 -0
  20. package/dist/types/tokens.dark.d.ts +3 -0
  21. package/dist/types/tokens.light.d.ts +3 -0
  22. package/package.json +1 -1
package/dist/css/tokens.css CHANGED
@@ -84,6 +84,7 @@
84
84
  --ids-dimension-element-1x: 16px;
85
85
  --ids-dimension-element-1-5x: 24px;
86
86
  --ids-dimension-element-2x: 32px;
87
+ --ids-dimension-element-2-5x: 40px;
87
88
  --ids-dimension-element-3x: 48px;
88
89
  --ids-dimension-element-3-5x: 56px;
89
90
  --ids-dimension-element-4-5x: 72px;
package/dist/css/tokens.dark.css CHANGED
@@ -84,6 +84,7 @@
84
84
  --ids-dimension-element-1x: 16px;
85
85
  --ids-dimension-element-1-5x: 24px;
86
86
  --ids-dimension-element-2x: 32px;
87
+ --ids-dimension-element-2-5x: 40px;
87
88
  --ids-dimension-element-3x: 48px;
88
89
  --ids-dimension-element-3-5x: 56px;
89
90
  --ids-dimension-element-4-5x: 72px;
package/dist/css/tokens.light.css CHANGED
@@ -84,6 +84,7 @@
84
84
  --ids-dimension-element-1x: 16px;
85
85
  --ids-dimension-element-1-5x: 24px;
86
86
  --ids-dimension-element-2x: 32px;
87
+ --ids-dimension-element-2-5x: 40px;
87
88
  --ids-dimension-element-3x: 48px;
88
89
  --ids-dimension-element-3-5x: 56px;
89
90
  --ids-dimension-element-4-5x: 72px;
package/dist/esm/tokens.dark.js CHANGED
@@ -72,6 +72,7 @@ export const idsSpacing25x = "40px"; // SEMANTIC - Extra-large spacing (40px). U
72
72
  export const idsDimensionElement1x = "16px"; // SEMANTIC - Small element (16px). Use for: tiny buttons.
73
73
  export const idsDimensionElement15x = "24px"; // SEMANTIC - Small-medium element (24px). Use for: small buttons.
74
74
  export const idsDimensionElement2x = "32px"; // SEMANTIC - Medium element (32px). Use for: default buttons/inputs.
75
+ export const idsDimensionElement25x = "40px"; // SEMANTIC - Medium element (40px). Use for: default buttons/inputs.
75
76
  export const idsDimensionElement3x = "48px"; // SEMANTIC - Large element (48px). Use for: large buttons.
76
77
  export const idsDimensionElement35x = "56px"; // SEMANTIC - Extra-large element (56px). Use for: hero buttons.
77
78
  export const idsDimensionElement45x = "72px"; // SEMANTIC - Maximum element (72px). Use for: feature buttons.
@@ -82,17 +83,17 @@ export const idsTypographyLabel075x = {
82
83
  fontFamily: "Tomato Grotesk",
83
84
  fontSize: "12px",
84
85
  lineHeight: "16px",
85
- fontWeight: "600",
86
+ fontWeight: 600,
86
87
  }; // SEMANTIC - Base label style. Use for: form labels, button text, tab labels, navigation.
87
88
  export const idsTypographyLabel1x = {
88
89
  fontFamily: "Tomato Grotesk",
89
90
  fontSize: "16px",
90
91
  lineHeight: "16px",
91
- fontWeight: "600",
92
+ fontWeight: 600,
92
93
  }; // SEMANTIC - Base label style. Use for: form labels, button text, tab labels, navigation.
93
94
  export const idsTypographyTitle1125x = {
94
95
  fontFamily: "Tomato Grotesk",
95
- fontWeight: "600",
96
+ fontWeight: 600,
96
97
  fontSize: "18px",
97
98
  lineHeight: "20px",
98
99
  };
package/dist/esm/tokens.js CHANGED
@@ -72,6 +72,7 @@ export const idsSpacing25x = "40px"; // SEMANTIC - Extra-large spacing (40px). U
72
72
  export const idsDimensionElement1x = "16px"; // SEMANTIC - Small element (16px). Use for: tiny buttons.
73
73
  export const idsDimensionElement15x = "24px"; // SEMANTIC - Small-medium element (24px). Use for: small buttons.
74
74
  export const idsDimensionElement2x = "32px"; // SEMANTIC - Medium element (32px). Use for: default buttons/inputs.
75
+ export const idsDimensionElement25x = "40px"; // SEMANTIC - Medium element (40px). Use for: default buttons/inputs.
75
76
  export const idsDimensionElement3x = "48px"; // SEMANTIC - Large element (48px). Use for: large buttons.
76
77
  export const idsDimensionElement35x = "56px"; // SEMANTIC - Extra-large element (56px). Use for: hero buttons.
77
78
  export const idsDimensionElement45x = "72px"; // SEMANTIC - Maximum element (72px). Use for: feature buttons.
@@ -82,17 +83,17 @@ export const idsTypographyLabel075x = {
82
83
  fontFamily: "Tomato Grotesk",
83
84
  fontSize: "12px",
84
85
  lineHeight: "16px",
85
- fontWeight: "600",
86
+ fontWeight: 600,
86
87
  }; // SEMANTIC - Base label style. Use for: form labels, button text, tab labels, navigation.
87
88
  export const idsTypographyLabel1x = {
88
89
  fontFamily: "Tomato Grotesk",
89
90
  fontSize: "16px",
90
91
  lineHeight: "16px",
91
- fontWeight: "600",
92
+ fontWeight: 600,
92
93
  }; // SEMANTIC - Base label style. Use for: form labels, button text, tab labels, navigation.
93
94
  export const idsTypographyTitle1125x = {
94
95
  fontFamily: "Tomato Grotesk",
95
- fontWeight: "600",
96
+ fontWeight: 600,
96
97
  fontSize: "18px",
97
98
  lineHeight: "20px",
98
99
  };
package/dist/esm/tokens.light.js CHANGED
@@ -72,6 +72,7 @@ export const idsSpacing25x = "40px"; // SEMANTIC - Extra-large spacing (40px). U
72
72
  export const idsDimensionElement1x = "16px"; // SEMANTIC - Small element (16px). Use for: tiny buttons.
73
73
  export const idsDimensionElement15x = "24px"; // SEMANTIC - Small-medium element (24px). Use for: small buttons.
74
74
  export const idsDimensionElement2x = "32px"; // SEMANTIC - Medium element (32px). Use for: default buttons/inputs.
75
+ export const idsDimensionElement25x = "40px"; // SEMANTIC - Medium element (40px). Use for: default buttons/inputs.
75
76
  export const idsDimensionElement3x = "48px"; // SEMANTIC - Large element (48px). Use for: large buttons.
76
77
  export const idsDimensionElement35x = "56px"; // SEMANTIC - Extra-large element (56px). Use for: hero buttons.
77
78
  export const idsDimensionElement45x = "72px"; // SEMANTIC - Maximum element (72px). Use for: feature buttons.
@@ -82,17 +83,17 @@ export const idsTypographyLabel075x = {
82
83
  fontFamily: "Tomato Grotesk",
83
84
  fontSize: "12px",
84
85
  lineHeight: "16px",
85
- fontWeight: "600",
86
+ fontWeight: 600,
86
87
  }; // SEMANTIC - Base label style. Use for: form labels, button text, tab labels, navigation.
87
88
  export const idsTypographyLabel1x = {
88
89
  fontFamily: "Tomato Grotesk",
89
90
  fontSize: "16px",
90
91
  lineHeight: "16px",
91
- fontWeight: "600",
92
+ fontWeight: 600,
92
93
  }; // SEMANTIC - Base label style. Use for: form labels, button text, tab labels, navigation.
93
94
  export const idsTypographyTitle1125x = {
94
95
  fontFamily: "Tomato Grotesk",
95
- fontWeight: "600",
96
+ fontWeight: 600,
96
97
  fontSize: "18px",
97
98
  lineHeight: "20px",
98
99
  };
package/dist/js/tokens.dark.js CHANGED
@@ -72,6 +72,7 @@ export const idsSpacing25x = "40px"; // SEMANTIC - Extra-large spacing (40px). U
72
72
  export const idsDimensionElement1x = "16px"; // SEMANTIC - Small element (16px). Use for: tiny buttons.
73
73
  export const idsDimensionElement15x = "24px"; // SEMANTIC - Small-medium element (24px). Use for: small buttons.
74
74
  export const idsDimensionElement2x = "32px"; // SEMANTIC - Medium element (32px). Use for: default buttons/inputs.
75
+ export const idsDimensionElement25x = "40px"; // SEMANTIC - Medium element (40px). Use for: default buttons/inputs.
75
76
  export const idsDimensionElement3x = "48px"; // SEMANTIC - Large element (48px). Use for: large buttons.
76
77
  export const idsDimensionElement35x = "56px"; // SEMANTIC - Extra-large element (56px). Use for: hero buttons.
77
78
  export const idsDimensionElement45x = "72px"; // SEMANTIC - Maximum element (72px). Use for: feature buttons.
@@ -82,17 +83,17 @@ export const idsTypographyLabel075x = {
82
83
  fontFamily: "Tomato Grotesk",
83
84
  fontSize: "12px",
84
85
  lineHeight: "16px",
85
- fontWeight: "600",
86
+ fontWeight: 600,
86
87
  }; // SEMANTIC - Base label style. Use for: form labels, button text, tab labels, navigation.
87
88
  export const idsTypographyLabel1x = {
88
89
  fontFamily: "Tomato Grotesk",
89
90
  fontSize: "16px",
90
91
  lineHeight: "16px",
91
- fontWeight: "600",
92
+ fontWeight: 600,
92
93
  }; // SEMANTIC - Base label style. Use for: form labels, button text, tab labels, navigation.
93
94
  export const idsTypographyTitle1125x = {
94
95
  fontFamily: "Tomato Grotesk",
95
- fontWeight: "600",
96
+ fontWeight: 600,
96
97
  fontSize: "18px",
97
98
  lineHeight: "20px",
98
99
  };
package/dist/js/tokens.js CHANGED
@@ -72,6 +72,7 @@ export const idsSpacing25x = "40px"; // SEMANTIC - Extra-large spacing (40px). U
72
72
  export const idsDimensionElement1x = "16px"; // SEMANTIC - Small element (16px). Use for: tiny buttons.
73
73
  export const idsDimensionElement15x = "24px"; // SEMANTIC - Small-medium element (24px). Use for: small buttons.
74
74
  export const idsDimensionElement2x = "32px"; // SEMANTIC - Medium element (32px). Use for: default buttons/inputs.
75
+ export const idsDimensionElement25x = "40px"; // SEMANTIC - Medium element (40px). Use for: default buttons/inputs.
75
76
  export const idsDimensionElement3x = "48px"; // SEMANTIC - Large element (48px). Use for: large buttons.
76
77
  export const idsDimensionElement35x = "56px"; // SEMANTIC - Extra-large element (56px). Use for: hero buttons.
77
78
  export const idsDimensionElement45x = "72px"; // SEMANTIC - Maximum element (72px). Use for: feature buttons.
@@ -82,17 +83,17 @@ export const idsTypographyLabel075x = {
82
83
  fontFamily: "Tomato Grotesk",
83
84
  fontSize: "12px",
84
85
  lineHeight: "16px",
85
- fontWeight: "600",
86
+ fontWeight: 600,
86
87
  }; // SEMANTIC - Base label style. Use for: form labels, button text, tab labels, navigation.
87
88
  export const idsTypographyLabel1x = {
88
89
  fontFamily: "Tomato Grotesk",
89
90
  fontSize: "16px",
90
91
  lineHeight: "16px",
91
- fontWeight: "600",
92
+ fontWeight: 600,
92
93
  }; // SEMANTIC - Base label style. Use for: form labels, button text, tab labels, navigation.
93
94
  export const idsTypographyTitle1125x = {
94
95
  fontFamily: "Tomato Grotesk",
95
- fontWeight: "600",
96
+ fontWeight: 600,
96
97
  fontSize: "18px",
97
98
  lineHeight: "20px",
98
99
  };
package/dist/js/tokens.light.js CHANGED
@@ -72,6 +72,7 @@ export const idsSpacing25x = "40px"; // SEMANTIC - Extra-large spacing (40px). U
72
72
  export const idsDimensionElement1x = "16px"; // SEMANTIC - Small element (16px). Use for: tiny buttons.
73
73
  export const idsDimensionElement15x = "24px"; // SEMANTIC - Small-medium element (24px). Use for: small buttons.
74
74
  export const idsDimensionElement2x = "32px"; // SEMANTIC - Medium element (32px). Use for: default buttons/inputs.
75
+ export const idsDimensionElement25x = "40px"; // SEMANTIC - Medium element (40px). Use for: default buttons/inputs.
75
76
  export const idsDimensionElement3x = "48px"; // SEMANTIC - Large element (48px). Use for: large buttons.
76
77
  export const idsDimensionElement35x = "56px"; // SEMANTIC - Extra-large element (56px). Use for: hero buttons.
77
78
  export const idsDimensionElement45x = "72px"; // SEMANTIC - Maximum element (72px). Use for: feature buttons.
@@ -82,17 +83,17 @@ export const idsTypographyLabel075x = {
82
83
  fontFamily: "Tomato Grotesk",
83
84
  fontSize: "12px",
84
85
  lineHeight: "16px",
85
- fontWeight: "600",
86
+ fontWeight: 600,
86
87
  }; // SEMANTIC - Base label style. Use for: form labels, button text, tab labels, navigation.
87
88
  export const idsTypographyLabel1x = {
88
89
  fontFamily: "Tomato Grotesk",
89
90
  fontSize: "16px",
90
91
  lineHeight: "16px",
91
- fontWeight: "600",
92
+ fontWeight: 600,
92
93
  }; // SEMANTIC - Base label style. Use for: form labels, button text, tab labels, navigation.
93
94
  export const idsTypographyTitle1125x = {
94
95
  fontFamily: "Tomato Grotesk",
95
- fontWeight: "600",
96
+ fontWeight: 600,
96
97
  fontSize: "18px",
97
98
  lineHeight: "20px",
98
99
  };
package/dist/json/tokens.dark.json CHANGED
@@ -69,6 +69,7 @@
69
69
  "idsDimensionElement1x": "16px",
70
70
  "idsDimensionElement15x": "24px",
71
71
  "idsDimensionElement2x": "32px",
72
+ "idsDimensionElement25x": "40px",
72
73
  "idsDimensionElement3x": "48px",
73
74
  "idsDimensionElement35x": "56px",
74
75
  "idsDimensionElement45x": "72px",
@@ -79,17 +80,17 @@
79
80
  "fontFamily": "Tomato Grotesk",
80
81
  "fontSize": "12px",
81
82
  "lineHeight": "16px",
82
- "fontWeight": "600"
83
+ "fontWeight": 600
83
84
  },
84
85
  "idsTypographyLabel1x": {
85
86
  "fontFamily": "Tomato Grotesk",
86
87
  "fontSize": "16px",
87
88
  "lineHeight": "16px",
88
- "fontWeight": "600"
89
+ "fontWeight": 600
89
90
  },
90
91
  "idsTypographyTitle1125x": {
91
92
  "fontFamily": "Tomato Grotesk",
92
- "fontWeight": "600",
93
+ "fontWeight": 600,
93
94
  "fontSize": "18px",
94
95
  "lineHeight": "20px"
95
96
  },
package/dist/json/tokens.dark.nested.json CHANGED
@@ -96,6 +96,7 @@
96
96
  "1x": "16px",
97
97
  "1_5x": "24px",
98
98
  "2x": "32px",
99
+ "2_5x": "40px",
99
100
  "3x": "48px",
100
101
  "3_5x": "56px",
101
102
  "4_5x": "72px"
@@ -112,19 +113,19 @@
112
113
  "fontFamily": "Tomato Grotesk",
113
114
  "fontSize": "12px",
114
115
  "lineHeight": "16px",
115
- "fontWeight": "600"
116
+ "fontWeight": 600
116
117
  },
117
118
  "1x": {
118
119
  "fontFamily": "Tomato Grotesk",
119
120
  "fontSize": "16px",
120
121
  "lineHeight": "16px",
121
- "fontWeight": "600"
122
+ "fontWeight": 600
122
123
  }
123
124
  },
124
125
  "title": {
125
126
  "1_125x": {
126
127
  "fontFamily": "Tomato Grotesk",
127
- "fontWeight": "600",
128
+ "fontWeight": 600,
128
129
  "fontSize": "18px",
129
130
  "lineHeight": "20px"
130
131
  }
package/dist/json/tokens.json CHANGED
@@ -69,6 +69,7 @@
69
69
  "idsDimensionElement1x": "16px",
70
70
  "idsDimensionElement15x": "24px",
71
71
  "idsDimensionElement2x": "32px",
72
+ "idsDimensionElement25x": "40px",
72
73
  "idsDimensionElement3x": "48px",
73
74
  "idsDimensionElement35x": "56px",
74
75
  "idsDimensionElement45x": "72px",
@@ -79,17 +80,17 @@
79
80
  "fontFamily": "Tomato Grotesk",
80
81
  "fontSize": "12px",
81
82
  "lineHeight": "16px",
82
- "fontWeight": "600"
83
+ "fontWeight": 600
83
84
  },
84
85
  "idsTypographyLabel1x": {
85
86
  "fontFamily": "Tomato Grotesk",
86
87
  "fontSize": "16px",
87
88
  "lineHeight": "16px",
88
- "fontWeight": "600"
89
+ "fontWeight": 600
89
90
  },
90
91
  "idsTypographyTitle1125x": {
91
92
  "fontFamily": "Tomato Grotesk",
92
- "fontWeight": "600",
93
+ "fontWeight": 600,
93
94
  "fontSize": "18px",
94
95
  "lineHeight": "20px"
95
96
  },
package/dist/json/tokens.light.json CHANGED
@@ -69,6 +69,7 @@
69
69
  "idsDimensionElement1x": "16px",
70
70
  "idsDimensionElement15x": "24px",
71
71
  "idsDimensionElement2x": "32px",
72
+ "idsDimensionElement25x": "40px",
72
73
  "idsDimensionElement3x": "48px",
73
74
  "idsDimensionElement35x": "56px",
74
75
  "idsDimensionElement45x": "72px",
@@ -79,17 +80,17 @@
79
80
  "fontFamily": "Tomato Grotesk",
80
81
  "fontSize": "12px",
81
82
  "lineHeight": "16px",
82
- "fontWeight": "600"
83
+ "fontWeight": 600
83
84
  },
84
85
  "idsTypographyLabel1x": {
85
86
  "fontFamily": "Tomato Grotesk",
86
87
  "fontSize": "16px",
87
88
  "lineHeight": "16px",
88
- "fontWeight": "600"
89
+ "fontWeight": 600
89
90
  },
90
91
  "idsTypographyTitle1125x": {
91
92
  "fontFamily": "Tomato Grotesk",
92
- "fontWeight": "600",
93
+ "fontWeight": 600,
93
94
  "fontSize": "18px",
94
95
  "lineHeight": "20px"
95
96
  },
package/dist/json/tokens.light.nested.json CHANGED
@@ -96,6 +96,7 @@
96
96
  "1x": "16px",
97
97
  "1_5x": "24px",
98
98
  "2x": "32px",
99
+ "2_5x": "40px",
99
100
  "3x": "48px",
100
101
  "3_5x": "56px",
101
102
  "4_5x": "72px"
@@ -112,19 +113,19 @@
112
113
  "fontFamily": "Tomato Grotesk",
113
114
  "fontSize": "12px",
114
115
  "lineHeight": "16px",
115
- "fontWeight": "600"
116
+ "fontWeight": 600
116
117
  },
117
118
  "1x": {
118
119
  "fontFamily": "Tomato Grotesk",
119
120
  "fontSize": "16px",
120
121
  "lineHeight": "16px",
121
- "fontWeight": "600"
122
+ "fontWeight": 600
122
123
  }
123
124
  },
124
125
  "title": {
125
126
  "1_125x": {
126
127
  "fontFamily": "Tomato Grotesk",
127
- "fontWeight": "600",
128
+ "fontWeight": 600,
128
129
  "fontSize": "18px",
129
130
  "lineHeight": "20px"
130
131
  }
package/dist/json/tokens.nested.json CHANGED
@@ -96,6 +96,7 @@
96
96
  "1x": "16px",
97
97
  "1_5x": "24px",
98
98
  "2x": "32px",
99
+ "2_5x": "40px",
99
100
  "3x": "48px",
100
101
  "3_5x": "56px",
101
102
  "4_5x": "72px"
@@ -112,19 +113,19 @@
112
113
  "fontFamily": "Tomato Grotesk",
113
114
  "fontSize": "12px",
114
115
  "lineHeight": "16px",
115
- "fontWeight": "600"
116
+ "fontWeight": 600
116
117
  },
117
118
  "1x": {
118
119
  "fontFamily": "Tomato Grotesk",
119
120
  "fontSize": "16px",
120
121
  "lineHeight": "16px",
121
- "fontWeight": "600"
122
+ "fontWeight": 600
122
123
  }
123
124
  },
124
125
  "title": {
125
126
  "1_125x": {
126
127
  "fontFamily": "Tomato Grotesk",
127
- "fontWeight": "600",
128
+ "fontWeight": 600,
128
129
  "fontSize": "18px",
129
130
  "lineHeight": "20px"
130
131
  }
package/dist/scss/_tokens.dark.scss CHANGED
@@ -74,6 +74,7 @@ $ids-spacing-2-5x: 40px;
74
74
  $ids-dimension-element-1x: 16px;
75
75
  $ids-dimension-element-1-5x: 24px;
76
76
  $ids-dimension-element-2x: 32px;
77
+ $ids-dimension-element-2-5x: 40px;
77
78
  $ids-dimension-element-3x: 48px;
78
79
  $ids-dimension-element-3-5x: 56px;
79
80
  $ids-dimension-element-4-5x: 72px;
@@ -218,6 +219,7 @@ $ids-tokens: (
218
219
  'ids-dimension-element-1x': $ids-dimension-element-1x,
219
220
  'ids-dimension-element-1-5x': $ids-dimension-element-1-5x,
220
221
  'ids-dimension-element-2x': $ids-dimension-element-2x,
222
+ 'ids-dimension-element-2-5x': $ids-dimension-element-2-5x,
221
223
  'ids-dimension-element-3x': $ids-dimension-element-3x,
222
224
  'ids-dimension-element-3-5x': $ids-dimension-element-3-5x,
223
225
  'ids-dimension-element-4-5x': $ids-dimension-element-4-5x,
package/dist/scss/_tokens.light.scss CHANGED
@@ -74,6 +74,7 @@ $ids-spacing-2-5x: 40px;
74
74
  $ids-dimension-element-1x: 16px;
75
75
  $ids-dimension-element-1-5x: 24px;
76
76
  $ids-dimension-element-2x: 32px;
77
+ $ids-dimension-element-2-5x: 40px;
77
78
  $ids-dimension-element-3x: 48px;
78
79
  $ids-dimension-element-3-5x: 56px;
79
80
  $ids-dimension-element-4-5x: 72px;
@@ -218,6 +219,7 @@ $ids-tokens: (
218
219
  'ids-dimension-element-1x': $ids-dimension-element-1x,
219
220
  'ids-dimension-element-1-5x': $ids-dimension-element-1-5x,
220
221
  'ids-dimension-element-2x': $ids-dimension-element-2x,
222
+ 'ids-dimension-element-2-5x': $ids-dimension-element-2-5x,
221
223
  'ids-dimension-element-3x': $ids-dimension-element-3x,
222
224
  'ids-dimension-element-3-5x': $ids-dimension-element-3-5x,
223
225
  'ids-dimension-element-4-5x': $ids-dimension-element-4-5x,
package/dist/scss/_tokens.scss CHANGED
@@ -74,6 +74,7 @@ $ids-spacing-2-5x: 40px;
74
74
  $ids-dimension-element-1x: 16px;
75
75
  $ids-dimension-element-1-5x: 24px;
76
76
  $ids-dimension-element-2x: 32px;
77
+ $ids-dimension-element-2-5x: 40px;
77
78
  $ids-dimension-element-3x: 48px;
78
79
  $ids-dimension-element-3-5x: 56px;
79
80
  $ids-dimension-element-4-5x: 72px;
@@ -218,6 +219,7 @@ $ids-tokens: (
218
219
  'ids-dimension-element-1x': $ids-dimension-element-1x,
219
220
  'ids-dimension-element-1-5x': $ids-dimension-element-1-5x,
220
221
  'ids-dimension-element-2x': $ids-dimension-element-2x,
222
+ 'ids-dimension-element-2-5x': $ids-dimension-element-2-5x,
221
223
  'ids-dimension-element-3x': $ids-dimension-element-3x,
222
224
  'ids-dimension-element-3-5x': $ids-dimension-element-3-5x,
223
225
  'ids-dimension-element-4-5x': $ids-dimension-element-4-5x,
package/dist/types/tokens.d.ts CHANGED
@@ -102,6 +102,7 @@ export interface IDSTokens {
102
102
  '1x': string;
103
103
  '1_5x': string;
104
104
  '2x': string;
105
+ '2_5x': string;
105
106
  '3x': string;
106
107
  '3_5x': string;
107
108
  '4_5x': string;
@@ -326,6 +327,7 @@ export const tokens: IDSTokens = {
326
327
  '1x': '16px',
327
328
  '1_5x': '24px',
328
329
  '2x': '32px',
330
+ '2_5x': '40px',
329
331
  '3x': '48px',
330
332
  '3_5x': '56px',
331
333
  '4_5x': '72px'
@@ -523,6 +525,7 @@ export const idsSpacing25x = '40px';
523
525
  export const idsDimensionElement1x = '16px';
524
526
  export const idsDimensionElement15x = '24px';
525
527
  export const idsDimensionElement2x = '32px';
528
+ export const idsDimensionElement25x = '40px';
526
529
  export const idsDimensionElement3x = '48px';
527
530
  export const idsDimensionElement35x = '56px';
528
531
  export const idsDimensionElement45x = '72px';
package/dist/types/tokens.dark.d.ts CHANGED
@@ -102,6 +102,7 @@ export interface IDSTokens {
102
102
  '1x': string;
103
103
  '1_5x': string;
104
104
  '2x': string;
105
+ '2_5x': string;
105
106
  '3x': string;
106
107
  '3_5x': string;
107
108
  '4_5x': string;
@@ -326,6 +327,7 @@ export const tokens: IDSTokens = {
326
327
  '1x': '16px',
327
328
  '1_5x': '24px',
328
329
  '2x': '32px',
330
+ '2_5x': '40px',
329
331
  '3x': '48px',
330
332
  '3_5x': '56px',
331
333
  '4_5x': '72px'
@@ -523,6 +525,7 @@ export const idsSpacing25x = '40px';
523
525
  export const idsDimensionElement1x = '16px';
524
526
  export const idsDimensionElement15x = '24px';
525
527
  export const idsDimensionElement2x = '32px';
528
+ export const idsDimensionElement25x = '40px';
526
529
  export const idsDimensionElement3x = '48px';
527
530
  export const idsDimensionElement35x = '56px';
528
531
  export const idsDimensionElement45x = '72px';
package/dist/types/tokens.light.d.ts CHANGED
@@ -102,6 +102,7 @@ export interface IDSTokens {
102
102
  '1x': string;
103
103
  '1_5x': string;
104
104
  '2x': string;
105
+ '2_5x': string;
105
106
  '3x': string;
106
107
  '3_5x': string;
107
108
  '4_5x': string;
@@ -326,6 +327,7 @@ export const tokens: IDSTokens = {
326
327
  '1x': '16px',
327
328
  '1_5x': '24px',
328
329
  '2x': '32px',
330
+ '2_5x': '40px',
329
331
  '3x': '48px',
330
332
  '3_5x': '56px',
331
333
  '4_5x': '72px'
@@ -523,6 +525,7 @@ export const idsSpacing25x = '40px';
523
525
  export const idsDimensionElement1x = '16px';
524
526
  export const idsDimensionElement15x = '24px';
525
527
  export const idsDimensionElement2x = '32px';
528
+ export const idsDimensionElement25x = '40px';
526
529
  export const idsDimensionElement3x = '48px';
527
530
  export const idsDimensionElement35x = '56px';
528
531
  export const idsDimensionElement45x = '72px';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@inversestudio/design-tokens",
3
- "version": "1.0.13",
3
+ "version": "1.0.14",
4
4
  "description": "IDS Design System tokens - compiled from Tokens Studio format",
5
5
  "type": "module",
6
6
  "main": "dist/js/tokens.js",