@patternfly/design-tokens 1.6.1 → 1.7.0

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 (7) hide show
  1. package/build/css/tokens-charts-dark.scss +1 -1
  2. package/build/css/tokens-charts.scss +1 -1
  3. package/build/css/tokens-dark.scss +1 -1
  4. package/build/css/tokens-default.scss +18 -12
  5. package/build/css/tokens-palette.scss +1 -1
  6. package/package.json +1 -1
  7. package/tokens/default/semantic.dimension.json +65 -23
package/build/css/tokens-charts-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 22 May 2024 20:26:40 GMT
3
+ // Generated on Wed, 29 May 2024 15:57:12 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--chart--global--stroke-line-join: round;
package/build/css/tokens-charts.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 22 May 2024 20:26:40 GMT
3
+ // Generated on Wed, 29 May 2024 15:57:12 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--chart--global--stroke-line-join: round;
package/build/css/tokens-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 22 May 2024 20:26:40 GMT
3
+ // Generated on Wed, 29 May 2024 15:57:12 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
package/build/css/tokens-default.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 22 May 2024 20:26:40 GMT
3
+ // Generated on Wed, 29 May 2024 15:57:12 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--global--timing-function--300: cubic-bezier(0, 0, .2, 1);
@@ -268,18 +268,8 @@
268
268
  --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
269
269
  --pf-t--global--icon--size--md: var(--pf-t--global--icon--size--200);
270
270
  --pf-t--global--icon--size--sm: var(--pf-t--global--icon--size--100);
271
- --pf-t--global--spacer--button--horizontal--plain: var(--pf-t--global--spacer--200);
272
- --pf-t--global--spacer--button--horizontal--compact: var(--pf-t--global--spacer--300);
273
- --pf-t--global--spacer--button--horizontal--default: var(--pf-t--global--spacer--400);
274
- --pf-t--global--spacer--button--vertical--plain: var(--pf-t--global--spacer--200);
275
271
  --pf-t--global--spacer--button--vertical--compact: var(--pf-t--global--spacer--100);
276
- --pf-t--global--spacer--button--vertical--default: var(--pf-t--global--spacer--200);
277
- --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--200);
278
- --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--200);
279
- --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--300);
280
- --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--200);
281
- --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--100);
282
- --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--200);
272
+ --pf-t--global--spacer--button--horizontal--compact: var(--pf-t--global--spacer--300);
283
273
  --pf-t--global--spacer--4xl: var(--pf-t--global--spacer--800);
284
274
  --pf-t--global--spacer--3xl: var(--pf-t--global--spacer--700);
285
275
  --pf-t--global--spacer--2xl: var(--pf-t--global--spacer--600);
@@ -442,6 +432,22 @@
442
432
  --pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
443
433
  --pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
444
434
  --pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
435
+ --pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
436
+ --pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
437
+ --pf-t--global--spacer--gap--group-to-group--vertical: var(--pf-t--global--spacer--lg);
438
+ --pf-t--global--spacer--gap--group-to-group--horizontal: var(--pf-t--global--spacer--2xl);
439
+ --pf-t--global--spacer--gap--group--horizontal: var(--pf-t--global--spacer--md);
440
+ --pf-t--global--spacer--gap--group--vertical: var(--pf-t--global--spacer--sm);
441
+ --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
442
+ --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
443
+ --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm);
444
+ --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
445
+ --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
446
+ --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
447
+ --pf-t--global--spacer--action--horizontal--plain: var(--pf-t--global--spacer--sm);
448
+ --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
449
+ --pf-t--global--spacer--action--vertical--plain: var(--pf-t--global--spacer--sm);
450
+ --pf-t--global--spacer--action--vertical--default: var(--pf-t--global--spacer--sm);
445
451
  --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
446
452
  --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
447
453
  --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
package/build/css/tokens-palette.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 22 May 2024 20:26:40 GMT
3
+ // Generated on Wed, 29 May 2024 15:57:12 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--color--red--70: #5f0000;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/design-tokens",
3
- "version": "1.6.1",
3
+ "version": "1.7.0",
4
4
  "description": "Define the design tokens for patternfly design system and component library",
5
5
  "main": "dist/esm/index.js",
6
6
  "module": "dist/esm/index.js",
package/tokens/default/semantic.dimension.json CHANGED
@@ -142,63 +142,105 @@
142
142
  "type": "number",
143
143
  "value": "{global.spacer.800}"
144
144
  },
145
- "control": {
145
+ "action": {
146
146
  "vertical": {
147
147
  "default": {
148
148
  "type": "number",
149
- "value": "{global.spacer.200}"
150
- },
151
- "compact": {
152
- "type": "number",
153
- "value": "{global.spacer.100}"
149
+ "value": "{global.spacer.sm}"
154
150
  },
155
151
  "plain": {
156
152
  "type": "number",
157
- "value": "{global.spacer.200}"
153
+ "value": "{global.spacer.sm}"
158
154
  }
159
155
  },
160
156
  "horizontal": {
161
157
  "default": {
162
158
  "type": "number",
163
- "value": "{global.spacer.300}"
164
- },
165
- "compact": {
166
- "type": "number",
167
- "value": "{global.spacer.200}"
159
+ "value": "{global.spacer.lg}"
168
160
  },
169
161
  "plain": {
170
162
  "type": "number",
171
- "value": "{global.spacer.200}"
163
+ "value": "{global.spacer.sm}"
172
164
  }
173
165
  }
174
166
  },
175
- "button": {
167
+ "control": {
176
168
  "vertical": {
177
169
  "default": {
178
170
  "type": "number",
179
- "value": "{global.spacer.200}"
171
+ "value": "{global.spacer.sm}"
180
172
  },
181
- "compact": {
173
+ "plain": {
182
174
  "type": "number",
183
- "value": "{global.spacer.100}"
175
+ "value": "{global.spacer.sm}"
176
+ }
177
+ },
178
+ "horizontal": {
179
+ "default": {
180
+ "type": "number",
181
+ "value": "{global.spacer.md}"
184
182
  },
185
183
  "plain": {
186
184
  "type": "number",
187
- "value": "{global.spacer.200}"
185
+ "value": "{global.spacer.sm}"
186
+ }
187
+ }
188
+ },
189
+ "gap": {
190
+ "text-to-element": {
191
+ "default": {
192
+ "type": "number",
193
+ "value": "{global.spacer.sm}"
188
194
  }
189
195
  },
190
- "horizontal": {
196
+ "control-to-control": {
191
197
  "default": {
192
198
  "type": "number",
193
- "value": "{global.spacer.400}"
199
+ "value": "{global.spacer.xs}"
200
+ }
201
+ },
202
+ "group": {
203
+ "vertical": {
204
+ "type": "number",
205
+ "value": "{global.spacer.sm}"
194
206
  },
195
- "compact": {
207
+ "horizontal": {
196
208
  "type": "number",
197
- "value": "{global.spacer.300}"
209
+ "value": "{global.spacer.md}"
210
+ }
211
+ },
212
+ "group-to-group": {
213
+ "horizontal": {
214
+ "type": "number",
215
+ "value": "{global.spacer.2xl}"
216
+ },
217
+ "vertical": {
218
+ "type": "number",
219
+ "value": "{global.spacer.lg}"
220
+ }
221
+ },
222
+ "action-to-action": {
223
+ "default": {
224
+ "type": "number",
225
+ "value": "{global.spacer.md}"
198
226
  },
199
227
  "plain": {
200
228
  "type": "number",
201
- "value": "{global.spacer.200}"
229
+ "value": "{global.spacer.xs}"
230
+ }
231
+ }
232
+ },
233
+ "button": {
234
+ "horizontal": {
235
+ "compact": {
236
+ "type": "number",
237
+ "value": "{global.spacer.300}"
238
+ }
239
+ },
240
+ "vertical": {
241
+ "compact": {
242
+ "type": "number",
243
+ "value": "{global.spacer.100}"
202
244
  }
203
245
  }
204
246
  }