@inversestudio/design-tokens 1.1.1 → 1.1.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.
Files changed (22) hide show
  1. package/dist/css/tokens.css +1 -1
  2. package/dist/css/tokens.dark.css +1 -1
  3. package/dist/css/tokens.light.css +1 -1
  4. package/dist/esm/tokens.dark.js +1 -1
  5. package/dist/esm/tokens.js +1 -1
  6. package/dist/esm/tokens.light.js +1 -1
  7. package/dist/js/tokens.dark.js +1 -1
  8. package/dist/js/tokens.js +1 -1
  9. package/dist/js/tokens.light.js +1 -1
  10. package/dist/json/tokens.dark.json +1 -1
  11. package/dist/json/tokens.dark.nested.json +2 -2
  12. package/dist/json/tokens.json +1 -1
  13. package/dist/json/tokens.light.json +1 -1
  14. package/dist/json/tokens.light.nested.json +2 -2
  15. package/dist/json/tokens.nested.json +2 -2
  16. package/dist/scss/_tokens.dark.scss +2 -2
  17. package/dist/scss/_tokens.light.scss +2 -2
  18. package/dist/scss/_tokens.scss +2 -2
  19. package/dist/types/tokens.d.ts +4 -4
  20. package/dist/types/tokens.dark.d.ts +4 -4
  21. package/dist/types/tokens.light.d.ts +4 -4
  22. package/package.json +1 -1
package/dist/css/tokens.css CHANGED
@@ -99,8 +99,8 @@
99
99
  --ids-typography-title-1-125x: 600 18px/20px Tomato Grotesk;
100
100
  --ids-borderradius-0-25x: 4px;
101
101
  --ids-borderradius-0-5x: 8px;
102
- --ids-borderradius-1x: 16px;
103
102
  --ids-borderradius-full: 1600px;
103
+ --ids-borderradius-1x: 16px;
104
104
  --ids-border-action-primary: 2px solid #00000000;
105
105
  --ids-border-action-secondary: 2px solid #2d2f35;
106
106
  --ids-border-action-disabled: 2px solid #adaeb3;
package/dist/css/tokens.dark.css CHANGED
@@ -99,8 +99,8 @@
99
99
  --ids-typography-title-1-125x: 600 18px/20px Tomato Grotesk;
100
100
  --ids-borderradius-0-25x: 4px;
101
101
  --ids-borderradius-0-5x: 8px;
102
- --ids-borderradius-1x: 16px;
103
102
  --ids-borderradius-full: 1600px;
103
+ --ids-borderradius-1x: 16px;
104
104
  --ids-border-action-primary: 2px solid #00000000;
105
105
  --ids-border-action-secondary: 2px solid #2d2f35;
106
106
  --ids-border-action-disabled: 2px solid #adaeb3;
package/dist/css/tokens.light.css CHANGED
@@ -99,8 +99,8 @@
99
99
  --ids-typography-title-1-125x: 600 18px/20px Tomato Grotesk;
100
100
  --ids-borderradius-0-25x: 4px;
101
101
  --ids-borderradius-0-5x: 8px;
102
- --ids-borderradius-1x: 16px;
103
102
  --ids-borderradius-full: 1600px;
103
+ --ids-borderradius-1x: 16px;
104
104
  --ids-border-action-primary: 2px solid #00000000;
105
105
  --ids-border-action-secondary: 2px solid #2d2f35;
106
106
  --ids-border-action-disabled: 2px solid #adaeb3;
package/dist/esm/tokens.dark.js CHANGED
@@ -102,8 +102,8 @@ export const idsTypographyTitle1125x = {
102
102
  };
103
103
  export const idsBorderradius025x = "4px"; // SEMANTIC - Small radius (4px). Use for: tags, badges.
104
104
  export const idsBorderradius05x = "8px"; // SEMANTIC - Medium radius (8px). Use for: large cerds.
105
- export const idsBorderradius1x = "16px";
106
105
  export const idsBorderradiusFull = "1600px"; // SEMANTIC - Full/pill radius. Use for: pills, avatars.
106
+ export const idsBorderradius1x = "16px";
107
107
  export const idsBorderActionPrimary = {
108
108
  color: "#00000000",
109
109
  width: "2px",
package/dist/esm/tokens.js CHANGED
@@ -102,8 +102,8 @@ export const idsTypographyTitle1125x = {
102
102
  };
103
103
  export const idsBorderradius025x = "4px"; // SEMANTIC - Small radius (4px). Use for: tags, badges.
104
104
  export const idsBorderradius05x = "8px"; // SEMANTIC - Medium radius (8px). Use for: large cerds.
105
- export const idsBorderradius1x = "16px";
106
105
  export const idsBorderradiusFull = "1600px"; // SEMANTIC - Full/pill radius. Use for: pills, avatars.
106
+ export const idsBorderradius1x = "16px";
107
107
  export const idsBorderActionPrimary = {
108
108
  color: "#00000000",
109
109
  width: "2px",
package/dist/esm/tokens.light.js CHANGED
@@ -102,8 +102,8 @@ export const idsTypographyTitle1125x = {
102
102
  };
103
103
  export const idsBorderradius025x = "4px"; // SEMANTIC - Small radius (4px). Use for: tags, badges.
104
104
  export const idsBorderradius05x = "8px"; // SEMANTIC - Medium radius (8px). Use for: large cerds.
105
- export const idsBorderradius1x = "16px";
106
105
  export const idsBorderradiusFull = "1600px"; // SEMANTIC - Full/pill radius. Use for: pills, avatars.
106
+ export const idsBorderradius1x = "16px";
107
107
  export const idsBorderActionPrimary = {
108
108
  color: "#00000000",
109
109
  width: "2px",
package/dist/js/tokens.dark.js CHANGED
@@ -102,8 +102,8 @@ export const idsTypographyTitle1125x = {
102
102
  };
103
103
  export const idsBorderradius025x = "4px"; // SEMANTIC - Small radius (4px). Use for: tags, badges.
104
104
  export const idsBorderradius05x = "8px"; // SEMANTIC - Medium radius (8px). Use for: large cerds.
105
- export const idsBorderradius1x = "16px";
106
105
  export const idsBorderradiusFull = "1600px"; // SEMANTIC - Full/pill radius. Use for: pills, avatars.
106
+ export const idsBorderradius1x = "16px";
107
107
  export const idsBorderActionPrimary = {
108
108
  color: "#00000000",
109
109
  width: "2px",
package/dist/js/tokens.js CHANGED
@@ -102,8 +102,8 @@ export const idsTypographyTitle1125x = {
102
102
  };
103
103
  export const idsBorderradius025x = "4px"; // SEMANTIC - Small radius (4px). Use for: tags, badges.
104
104
  export const idsBorderradius05x = "8px"; // SEMANTIC - Medium radius (8px). Use for: large cerds.
105
- export const idsBorderradius1x = "16px";
106
105
  export const idsBorderradiusFull = "1600px"; // SEMANTIC - Full/pill radius. Use for: pills, avatars.
106
+ export const idsBorderradius1x = "16px";
107
107
  export const idsBorderActionPrimary = {
108
108
  color: "#00000000",
109
109
  width: "2px",
package/dist/js/tokens.light.js CHANGED
@@ -102,8 +102,8 @@ export const idsTypographyTitle1125x = {
102
102
  };
103
103
  export const idsBorderradius025x = "4px"; // SEMANTIC - Small radius (4px). Use for: tags, badges.
104
104
  export const idsBorderradius05x = "8px"; // SEMANTIC - Medium radius (8px). Use for: large cerds.
105
- export const idsBorderradius1x = "16px";
106
105
  export const idsBorderradiusFull = "1600px"; // SEMANTIC - Full/pill radius. Use for: pills, avatars.
106
+ export const idsBorderradius1x = "16px";
107
107
  export const idsBorderActionPrimary = {
108
108
  color: "#00000000",
109
109
  width: "2px",
package/dist/json/tokens.dark.json CHANGED
@@ -99,8 +99,8 @@
99
99
  },
100
100
  "idsBorderradius025x": "4px",
101
101
  "idsBorderradius05x": "8px",
102
- "idsBorderradius1x": "16px",
103
102
  "idsBorderradiusFull": "1600px",
103
+ "idsBorderradius1x": "16px",
104
104
  "idsBorderActionPrimary": {
105
105
  "color": "#00000000",
106
106
  "width": "2px",
package/dist/json/tokens.dark.nested.json CHANGED
@@ -137,8 +137,8 @@
137
137
  "borderRadius": {
138
138
  "0_25x": "4px",
139
139
  "0_5x": "8px",
140
- "1x": "16px",
141
- "full": "1600px"
140
+ "full": "1600px",
141
+ "1x": "16px"
142
142
  },
143
143
  "border": {
144
144
  "action": {
package/dist/json/tokens.json CHANGED
@@ -99,8 +99,8 @@
99
99
  },
100
100
  "idsBorderradius025x": "4px",
101
101
  "idsBorderradius05x": "8px",
102
- "idsBorderradius1x": "16px",
103
102
  "idsBorderradiusFull": "1600px",
103
+ "idsBorderradius1x": "16px",
104
104
  "idsBorderActionPrimary": {
105
105
  "color": "#00000000",
106
106
  "width": "2px",
package/dist/json/tokens.light.json CHANGED
@@ -99,8 +99,8 @@
99
99
  },
100
100
  "idsBorderradius025x": "4px",
101
101
  "idsBorderradius05x": "8px",
102
- "idsBorderradius1x": "16px",
103
102
  "idsBorderradiusFull": "1600px",
103
+ "idsBorderradius1x": "16px",
104
104
  "idsBorderActionPrimary": {
105
105
  "color": "#00000000",
106
106
  "width": "2px",
package/dist/json/tokens.light.nested.json CHANGED
@@ -137,8 +137,8 @@
137
137
  "borderRadius": {
138
138
  "0_25x": "4px",
139
139
  "0_5x": "8px",
140
- "1x": "16px",
141
- "full": "1600px"
140
+ "full": "1600px",
141
+ "1x": "16px"
142
142
  },
143
143
  "border": {
144
144
  "action": {
package/dist/json/tokens.nested.json CHANGED
@@ -137,8 +137,8 @@
137
137
  "borderRadius": {
138
138
  "0_25x": "4px",
139
139
  "0_5x": "8px",
140
- "1x": "16px",
141
- "full": "1600px"
140
+ "full": "1600px",
141
+ "1x": "16px"
142
142
  },
143
143
  "border": {
144
144
  "action": {
package/dist/scss/_tokens.dark.scss CHANGED
@@ -89,8 +89,8 @@ $ids-typography-label-1x: 600 16px/16px Tomato Grotesk;
89
89
  $ids-typography-title-1-125x: 600 18px/20px Tomato Grotesk;
90
90
  $ids-borderradius-0-25x: 4px;
91
91
  $ids-borderradius-0-5x: 8px;
92
- $ids-borderradius-1x: 16px;
93
92
  $ids-borderradius-full: 1600px;
93
+ $ids-borderradius-1x: 16px;
94
94
  $ids-border-action-primary: 2px solid #00000000;
95
95
  $ids-border-action-secondary: 2px solid #2d2f35;
96
96
  $ids-border-action-disabled: 2px solid #adaeb3;
@@ -246,8 +246,8 @@ $ids-tokens: (
246
246
  'ids-typography-title-1-125x': $ids-typography-title-1-125x,
247
247
  'ids-borderradius-0-25x': $ids-borderradius-0-25x,
248
248
  'ids-borderradius-0-5x': $ids-borderradius-0-5x,
249
- 'ids-borderradius-1x': $ids-borderradius-1x,
250
249
  'ids-borderradius-full': $ids-borderradius-full,
250
+ 'ids-borderradius-1x': $ids-borderradius-1x,
251
251
  'ids-border-action-primary': $ids-border-action-primary,
252
252
  'ids-border-action-secondary': $ids-border-action-secondary,
253
253
  'ids-border-action-disabled': $ids-border-action-disabled,
package/dist/scss/_tokens.light.scss CHANGED
@@ -89,8 +89,8 @@ $ids-typography-label-1x: 600 16px/16px Tomato Grotesk;
89
89
  $ids-typography-title-1-125x: 600 18px/20px Tomato Grotesk;
90
90
  $ids-borderradius-0-25x: 4px;
91
91
  $ids-borderradius-0-5x: 8px;
92
- $ids-borderradius-1x: 16px;
93
92
  $ids-borderradius-full: 1600px;
93
+ $ids-borderradius-1x: 16px;
94
94
  $ids-border-action-primary: 2px solid #00000000;
95
95
  $ids-border-action-secondary: 2px solid #2d2f35;
96
96
  $ids-border-action-disabled: 2px solid #adaeb3;
@@ -246,8 +246,8 @@ $ids-tokens: (
246
246
  'ids-typography-title-1-125x': $ids-typography-title-1-125x,
247
247
  'ids-borderradius-0-25x': $ids-borderradius-0-25x,
248
248
  'ids-borderradius-0-5x': $ids-borderradius-0-5x,
249
- 'ids-borderradius-1x': $ids-borderradius-1x,
250
249
  'ids-borderradius-full': $ids-borderradius-full,
250
+ 'ids-borderradius-1x': $ids-borderradius-1x,
251
251
  'ids-border-action-primary': $ids-border-action-primary,
252
252
  'ids-border-action-secondary': $ids-border-action-secondary,
253
253
  'ids-border-action-disabled': $ids-border-action-disabled,
package/dist/scss/_tokens.scss CHANGED
@@ -89,8 +89,8 @@ $ids-typography-label-1x: 600 16px/16px Tomato Grotesk;
89
89
  $ids-typography-title-1-125x: 600 18px/20px Tomato Grotesk;
90
90
  $ids-borderradius-0-25x: 4px;
91
91
  $ids-borderradius-0-5x: 8px;
92
- $ids-borderradius-1x: 16px;
93
92
  $ids-borderradius-full: 1600px;
93
+ $ids-borderradius-1x: 16px;
94
94
  $ids-border-action-primary: 2px solid #00000000;
95
95
  $ids-border-action-secondary: 2px solid #2d2f35;
96
96
  $ids-border-action-disabled: 2px solid #adaeb3;
@@ -246,8 +246,8 @@ $ids-tokens: (
246
246
  'ids-typography-title-1-125x': $ids-typography-title-1-125x,
247
247
  'ids-borderradius-0-25x': $ids-borderradius-0-25x,
248
248
  'ids-borderradius-0-5x': $ids-borderradius-0-5x,
249
- 'ids-borderradius-1x': $ids-borderradius-1x,
250
249
  'ids-borderradius-full': $ids-borderradius-full,
250
+ 'ids-borderradius-1x': $ids-borderradius-1x,
251
251
  'ids-border-action-primary': $ids-border-action-primary,
252
252
  'ids-border-action-secondary': $ids-border-action-secondary,
253
253
  'ids-border-action-disabled': $ids-border-action-disabled,
package/dist/types/tokens.d.ts CHANGED
@@ -128,8 +128,8 @@ export interface IDSTokens {
128
128
  borderRadius: {
129
129
  '0_25x': string;
130
130
  '0_5x': string;
131
- '1x': string;
132
131
  full: string;
132
+ '1x': string;
133
133
  };
134
134
  border: {
135
135
  action: {
@@ -371,8 +371,8 @@ export const tokens: IDSTokens = {
371
371
  borderRadius: {
372
372
  '0_25x': '4px',
373
373
  '0_5x': '8px',
374
- '1x': '16px',
375
- full: '1600px'
374
+ full: '1600px',
375
+ '1x': '16px'
376
376
  },
377
377
  border: {
378
378
  action: {
@@ -576,8 +576,8 @@ export const idsTypographyLabel1x = '[object Object]';
576
576
  export const idsTypographyTitle1125x = '[object Object]';
577
577
  export const idsBorderradius025x = '4px';
578
578
  export const idsBorderradius05x = '8px';
579
- export const idsBorderradius1x = '16px';
580
579
  export const idsBorderradiusFull = '1600px';
580
+ export const idsBorderradius1x = '16px';
581
581
  export const idsBorderActionPrimary = '[object Object]';
582
582
  export const idsBorderActionSecondary = '[object Object]';
583
583
  export const idsBorderActionDisabled = '[object Object]';
package/dist/types/tokens.dark.d.ts CHANGED
@@ -128,8 +128,8 @@ export interface IDSTokens {
128
128
  borderRadius: {
129
129
  '0_25x': string;
130
130
  '0_5x': string;
131
- '1x': string;
132
131
  full: string;
132
+ '1x': string;
133
133
  };
134
134
  border: {
135
135
  action: {
@@ -371,8 +371,8 @@ export const tokens: IDSTokens = {
371
371
  borderRadius: {
372
372
  '0_25x': '4px',
373
373
  '0_5x': '8px',
374
- '1x': '16px',
375
- full: '1600px'
374
+ full: '1600px',
375
+ '1x': '16px'
376
376
  },
377
377
  border: {
378
378
  action: {
@@ -576,8 +576,8 @@ export const idsTypographyLabel1x = '[object Object]';
576
576
  export const idsTypographyTitle1125x = '[object Object]';
577
577
  export const idsBorderradius025x = '4px';
578
578
  export const idsBorderradius05x = '8px';
579
- export const idsBorderradius1x = '16px';
580
579
  export const idsBorderradiusFull = '1600px';
580
+ export const idsBorderradius1x = '16px';
581
581
  export const idsBorderActionPrimary = '[object Object]';
582
582
  export const idsBorderActionSecondary = '[object Object]';
583
583
  export const idsBorderActionDisabled = '[object Object]';
package/dist/types/tokens.light.d.ts CHANGED
@@ -128,8 +128,8 @@ export interface IDSTokens {
128
128
  borderRadius: {
129
129
  '0_25x': string;
130
130
  '0_5x': string;
131
- '1x': string;
132
131
  full: string;
132
+ '1x': string;
133
133
  };
134
134
  border: {
135
135
  action: {
@@ -371,8 +371,8 @@ export const tokens: IDSTokens = {
371
371
  borderRadius: {
372
372
  '0_25x': '4px',
373
373
  '0_5x': '8px',
374
- '1x': '16px',
375
- full: '1600px'
374
+ full: '1600px',
375
+ '1x': '16px'
376
376
  },
377
377
  border: {
378
378
  action: {
@@ -576,8 +576,8 @@ export const idsTypographyLabel1x = '[object Object]';
576
576
  export const idsTypographyTitle1125x = '[object Object]';
577
577
  export const idsBorderradius025x = '4px';
578
578
  export const idsBorderradius05x = '8px';
579
- export const idsBorderradius1x = '16px';
580
579
  export const idsBorderradiusFull = '1600px';
580
+ export const idsBorderradius1x = '16px';
581
581
  export const idsBorderActionPrimary = '[object Object]';
582
582
  export const idsBorderActionSecondary = '[object Object]';
583
583
  export const idsBorderActionDisabled = '[object Object]';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@inversestudio/design-tokens",
3
- "version": "1.1.1",
3
+ "version": "1.1.2",
4
4
  "description": "IDS Design System tokens - compiled from Tokens Studio format",
5
5
  "type": "module",
6
6
  "main": "dist/js/tokens.js",