Skip to content

Commit 8c8529a

Browse files
dandel10ndandel10n
committed
feat(pie-monorepo): DSW-2172 pie-design-tokens update
1 parent 0f7b739 commit 8c8529a

File tree

10 files changed

+59
-55
lines changed

10 files changed

+59
-55
lines changed

‎apps/examples/wc-vanilla/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
"vite": "4.5.3"
1313
},
1414
"dependencies": {
15-
"@justeat/pie-design-tokens": "6.3.1",
15+
"@justeat/pie-design-tokens": "6.5.0",
1616
"@justeattakeaway/pie-css": "0.12.1",
1717
"@justeattakeaway/pie-icons-webc": "0.25.1",
1818
"@justeattakeaway/pie-webc": "0.5.33"

‎apps/pie-docs/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@
4040
"@docsearch/css": "3.5.2",
4141
"@docsearch/js": "3.5.2",
4242
"@justeat/fozzie": "11.0.2",
43-
"@justeat/pie-design-tokens": "6.3.1",
43+
"@justeat/pie-design-tokens": "6.5.0",
4444
"@justeattakeaway/browserslist-config-pie": "0.2.0",
4545
"@justeattakeaway/pie-css": "0.12.1",
4646
"@justeattakeaway/pie-icons": "4.19.1",

‎apps/pie-docs/src/assets/styles/components/_indexPage.scss

+1-2
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@
66
display: flex;
77
flex-wrap: wrap;
88
justify-content: center;
9+
gap: var(--dt-spacing-g) var(--dt-spacing-e);
910

1011
@include f.media('>=mid') {
1112
justify-content: flex-start;
@@ -18,8 +19,6 @@
1819
}
1920
}
2021

21-
gap: var(--dt-spacing-g) var(--dt-spacing-e);
22-
2322
.c-indexPage-menu-item {
2423
display: flex;
2524
flex-direction: column;

‎apps/pie-storybook/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
"author": "Just Eat Takeaway.com - Design System Team",
1414
"license": "Apache-2.0",
1515
"dependencies": {
16-
"@justeat/pie-design-tokens": "6.3.1",
16+
"@justeat/pie-design-tokens": "6.5.0",
1717
"@justeattakeaway/pie-assistive-text": "0.7.1",
1818
"@justeattakeaway/pie-button": "0.49.1",
1919
"@justeattakeaway/pie-card": "0.20.1",

‎package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -72,7 +72,7 @@
7272
"@changesets/cli": "2.26.2",
7373
"@commitlint/cli": "17.5.1",
7474
"@commitlint/config-conventional": "17.4.4",
75-
"@justeat/pie-design-tokens": "6.4.0",
75+
"@justeat/pie-design-tokens": "6.5.0",
7676
"@justeattakeaway/browserslist-config-pie": "0.2.0",
7777
"@justeattakeaway/generator-pie-component": "0.22.1",
7878
"@justeattakeaway/pie-icons": "4.19.1",

‎packages/components/pie-cookie-banner/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@
3737
"license": "Apache-2.0",
3838
"devDependencies": {
3939
"@custom-elements-manifest/analyzer": "0.9.0",
40-
"@justeat/pie-design-tokens": "6.3.1",
40+
"@justeat/pie-design-tokens": "6.5.0",
4141
"@justeattakeaway/pie-components-config": "0.18.0",
4242
"@justeattakeaway/pie-css": "0.12.1",
4343
"@justeattakeaway/pie-wrapper-react": "0.14.1",

‎packages/components/pie-modal/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@
3636
"license": "Apache-2.0",
3737
"devDependencies": {
3838
"@custom-elements-manifest/analyzer": "0.9.0",
39-
"@justeat/pie-design-tokens": "6.3.1",
39+
"@justeat/pie-design-tokens": "6.5.0",
4040
"@justeattakeaway/pie-components-config": "0.18.0",
4141
"@justeattakeaway/pie-css": "0.12.1",
4242
"@justeattakeaway/pie-wrapper-react": "0.14.1",

‎packages/tools/pie-css/scss/settings/_breakpoints.scss

+8-6
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
@use '@justeat/pie-design-tokens/dist/jet.scss' as dt;
2+
13
// Interval settings to be used by @include-media Sass library
24
// https://eduardoboucas.github.io/include-media/documentation/#variable-unit-intervals
35
$unit-intervals: (
@@ -10,10 +12,10 @@ $unit-intervals: (
1012
// Breakpoints to be used by @include-media Sass library
1113
// https://eduardoboucas.github.io/include-media/documentation/#variable-breakpoints
1214
$breakpoints: (
13-
xs: 320px,
14-
sm: 600px,
15-
md: 768px,
16-
lg: 1024px,
17-
xl: 1280px,
18-
xxl: 1440px
15+
xs: dt.$breakpoint-xs,
16+
sm: dt.$breakpoint-sm,
17+
md: dt.$breakpoint-md,
18+
lg: dt.$breakpoint-lg,
19+
xl: dt.$breakpoint-xl,
20+
xxl: dt.$breakpoint-xxl
1921
);

‎packages/tools/pie-css/test/css/__snapshots__/css.spec.ts.snap

+14
Original file line numberDiff line numberDiff line change
@@ -683,6 +683,20 @@ exports[`index.css > should render the expected CSS content 1`] = `
683683
--dt-spacing-h: var(--dt-spacing-08);
684684
--dt-spacing-i: var(--dt-spacing-09);
685685
--dt-spacing-j: var(--dt-spacing-10);
686+
/* Global tokens - Breakpoint */
687+
--dt-breakpoint-size-1024: 1024px;
688+
--dt-breakpoint-size-1280: 1280px;
689+
--dt-breakpoint-size-1440: 1440px;
690+
--dt-breakpoint-size-320: 320px;
691+
--dt-breakpoint-size-600: 600px;
692+
--dt-breakpoint-size-768: 768px;
693+
/* Alias tokens - Breakpoint */
694+
--dt-breakpoint-xs: var(--dt-breakpoint-size-320);
695+
--dt-breakpoint-sm: var(--dt-breakpoint-size-600);
696+
--dt-breakpoint-md: var(--dt-breakpoint-size-768);
697+
--dt-breakpoint-lg: var(--dt-breakpoint-size-1024);
698+
--dt-breakpoint-xl: var(--dt-breakpoint-size-1280);
699+
--dt-breakpoint-xxl: var(--dt-breakpoint-size-1440);
686700
/* Global tokens - Elevation */
687701
--dt-elevation-box-shadow-01: 0px 2px 2px 0px rgba(0, 0, 0, 0.03),0px 3px 1px -2px rgba(0, 0, 0, 0.07),0px 1px 5px 0px rgba(0, 0, 0, 0.06);
688702
--dt-elevation-box-shadow-02: 0px 4px 6px 0px rgba(0, 0, 0, 0.02),0px 2px 12px -2px rgba(0, 0, 0, 0.08),0px 3px 6px 0px rgba(0, 0, 0, 0.06);

‎yarn.lock

+30-41
Original file line numberDiff line numberDiff line change
@@ -5412,25 +5412,14 @@ __metadata:
54125412
languageName: node
54135413
linkType: hard
54145414

5415-
"@justeat/pie-design-tokens@npm:6.3.1":
5416-
version: 6.3.1
5417-
resolution: "@justeat/pie-design-tokens@npm:6.3.1"
5418-
dependencies:
5419-
jsonc-parser: 3.2.0
5420-
lodash.merge: 4.6.2
5421-
mkdirp: 1.0.4
5422-
checksum: 8d856fe3bcd5a78c8a514dc7533e9ba97f2a6107f65662ace21a962ea857be62c3541e28bb423592842e561ed1f90160e06b3dae5ed27a72e31f2d8ed6541739
5423-
languageName: node
5424-
linkType: hard
5425-
5426-
"@justeat/pie-design-tokens@npm:6.4.0":
5427-
version: 6.4.0
5428-
resolution: "@justeat/pie-design-tokens@npm:6.4.0"
5415+
"@justeat/pie-design-tokens@npm:6.5.0":
5416+
version: 6.5.0
5417+
resolution: "@justeat/pie-design-tokens@npm:6.5.0"
54295418
dependencies:
54305419
jsonc-parser: 3.2.0
54315420
lodash.merge: 4.6.2
54325421
mkdirp: 1.0.4
5433-
checksum: f22842a5bf9d64f0a2273b462e5f8f2a51044993a09a4aa4c950d7f84ed0ba4d0ed01421741c4b5066ae13094cb2db3c8a73bfa2927737ef5deebcc6a0f14e4f
5422+
checksum: 0103db3c3bbef462da917292a950396af151a4b591ed7b3e50771b8e8c4a13535f2bf32411c1c716bd2f6cfb6192cb9383f3f586fe07ac346564e77c8f6abea7
54345423
languageName: node
54355424
linkType: hard
54365425

@@ -5453,7 +5442,7 @@ __metadata:
54535442
languageName: unknown
54545443
linkType: soft
54555444

5456-
"@justeattakeaway/[email protected].0, @justeattakeaway/generator-pie-component@workspace:packages/tools/generator-pie-component":
5445+
"@justeattakeaway/[email protected].1, @justeattakeaway/generator-pie-component@workspace:packages/tools/generator-pie-component":
54575446
version: 0.0.0-use.local
54585447
resolution: "@justeattakeaway/generator-pie-component@workspace:packages/tools/generator-pie-component"
54595448
dependencies:
@@ -5563,7 +5552,7 @@ __metadata:
55635552
resolution: "@justeattakeaway/pie-cookie-banner@workspace:packages/components/pie-cookie-banner"
55645553
dependencies:
55655554
"@custom-elements-manifest/analyzer": 0.9.0
5566-
"@justeat/pie-design-tokens": 6.3.1
5555+
"@justeat/pie-design-tokens": 6.5.0
55675556
"@justeattakeaway/pie-button": 0.49.1
55685557
"@justeattakeaway/pie-components-config": 0.18.0
55695558
"@justeattakeaway/pie-css": 0.12.1
@@ -5736,7 +5725,7 @@ __metadata:
57365725
languageName: unknown
57375726
linkType: soft
57385727

5739-
"@justeattakeaway/[email protected].1, @justeattakeaway/pie-lottie-player@workspace:packages/components/pie-lottie-player":
5728+
"@justeattakeaway/[email protected].2, @justeattakeaway/pie-lottie-player@workspace:packages/components/pie-lottie-player":
57405729
version: 0.0.0-use.local
57415730
resolution: "@justeattakeaway/pie-lottie-player@workspace:packages/components/pie-lottie-player"
57425731
dependencies:
@@ -5754,7 +5743,7 @@ __metadata:
57545743
resolution: "@justeattakeaway/pie-modal@workspace:packages/components/pie-modal"
57555744
dependencies:
57565745
"@custom-elements-manifest/analyzer": 0.9.0
5757-
"@justeat/pie-design-tokens": 6.3.1
5746+
"@justeat/pie-design-tokens": 6.5.0
57585747
"@justeattakeaway/pie-button": 0.49.1
57595748
"@justeattakeaway/pie-components-config": 0.18.0
57605749
"@justeattakeaway/pie-css": 0.12.1
@@ -5770,7 +5759,7 @@ __metadata:
57705759
languageName: unknown
57715760
linkType: soft
57725761

5773-
"@justeattakeaway/pie-notification@0.10.2, @justeattakeaway/pie-notification@workspace:packages/components/pie-notification":
5762+
"@justeattakeaway/pie-notification@0.11.0, @justeattakeaway/pie-notification@workspace:packages/components/pie-notification":
57745763
version: 0.0.0-use.local
57755764
resolution: "@justeattakeaway/pie-notification@workspace:packages/components/pie-notification"
57765765
dependencies:
@@ -5785,7 +5774,7 @@ __metadata:
57855774
languageName: unknown
57865775
linkType: soft
57875776

5788-
"@justeattakeaway/pie-radio-group@0.0.0, @justeattakeaway/pie-radio-group@workspace:packages/components/pie-radio-group":
5777+
"@justeattakeaway/pie-radio-group@0.1.0, @justeattakeaway/pie-radio-group@workspace:packages/components/pie-radio-group":
57895778
version: 0.0.0-use.local
57905779
resolution: "@justeattakeaway/pie-radio-group@workspace:packages/components/pie-radio-group"
57915780
dependencies:
@@ -5917,7 +5906,7 @@ __metadata:
59175906
languageName: unknown
59185907
linkType: soft
59195908

5920-
"@justeattakeaway/[email protected].31, @justeattakeaway/pie-webc@workspace:packages/components/pie-webc":
5909+
"@justeattakeaway/[email protected].32, @justeattakeaway/pie-webc@workspace:packages/components/pie-webc":
59215910
version: 0.0.0-use.local
59225911
resolution: "@justeattakeaway/pie-webc@workspace:packages/components/pie-webc"
59235912
dependencies:
@@ -5933,11 +5922,11 @@ __metadata:
59335922
"@justeattakeaway/pie-form-label": 0.14.1
59345923
"@justeattakeaway/pie-icon-button": 0.28.12
59355924
"@justeattakeaway/pie-link": 0.18.0
5936-
"@justeattakeaway/pie-lottie-player": 0.0.1
5925+
"@justeattakeaway/pie-lottie-player": 0.0.2
59375926
"@justeattakeaway/pie-modal": 0.46.2
5938-
"@justeattakeaway/pie-notification": 0.10.2
5927+
"@justeattakeaway/pie-notification": 0.11.0
59395928
"@justeattakeaway/pie-radio": 0.0.0
5940-
"@justeattakeaway/pie-radio-group": 0.0.0
5929+
"@justeattakeaway/pie-radio-group": 0.1.0
59415930
"@justeattakeaway/pie-spinner": 0.7.0
59425931
"@justeattakeaway/pie-switch": 0.30.1
59435932
"@justeattakeaway/pie-tag": 0.10.0
@@ -26140,7 +26129,7 @@ __metadata:
2614026129
"@docsearch/css": 3.5.2
2614126130
"@docsearch/js": 3.5.2
2614226131
"@justeat/fozzie": 11.0.2
26143-
"@justeat/pie-design-tokens": 6.3.1
26132+
"@justeat/pie-design-tokens": 6.5.0
2614426133
"@justeattakeaway/browserslist-config-pie": 0.2.0
2614526134
"@justeattakeaway/pie-css": 0.12.1
2614626135
"@justeattakeaway/pie-icons": 4.19.1
@@ -26172,9 +26161,9 @@ __metadata:
2617226161
"@changesets/cli": 2.26.2
2617326162
"@commitlint/cli": 17.5.1
2617426163
"@commitlint/config-conventional": 17.4.4
26175-
"@justeat/pie-design-tokens": 6.4.0
26164+
"@justeat/pie-design-tokens": 6.5.0
2617626165
"@justeattakeaway/browserslist-config-pie": 0.2.0
26177-
"@justeattakeaway/generator-pie-component": 0.22.0
26166+
"@justeattakeaway/generator-pie-component": 0.22.1
2617826167
"@justeattakeaway/pie-icons": 4.19.1
2617926168
"@justeattakeaway/pie-webc-testing": 0.13.3
2618026169
"@justeattakeaway/pie-wrapper-react": 0.14.1
@@ -26233,7 +26222,7 @@ __metadata:
2623326222
version: 0.0.0-use.local
2623426223
resolution: "pie-storybook@workspace:apps/pie-storybook"
2623526224
dependencies:
26236-
"@justeat/pie-design-tokens": 6.3.1
26225+
"@justeat/pie-design-tokens": 6.5.0
2623726226
"@justeattakeaway/pie-assistive-text": 0.7.1
2623826227
"@justeattakeaway/pie-button": 0.49.1
2623926228
"@justeattakeaway/pie-card": 0.20.0
@@ -26249,9 +26238,9 @@ __metadata:
2624926238
"@justeattakeaway/pie-icons-webc": 0.25.1
2625026239
"@justeattakeaway/pie-link": 0.18.0
2625126240
"@justeattakeaway/pie-modal": 0.46.2
26252-
"@justeattakeaway/pie-notification": 0.10.2
26241+
"@justeattakeaway/pie-notification": 0.11.0
2625326242
"@justeattakeaway/pie-radio": 0.0.0
26254-
"@justeattakeaway/pie-radio-group": 0.0.0
26243+
"@justeattakeaway/pie-radio-group": 0.1.0
2625526244
"@justeattakeaway/pie-spinner": 0.7.0
2625626245
"@justeattakeaway/pie-switch": 0.30.1
2625726246
"@justeattakeaway/pie-tag": 0.10.0
@@ -34188,7 +34177,7 @@ __metadata:
3418834177
"@angular/platform-browser-dynamic": 15.2.0
3418934178
"@angular/router": 15.2.0
3419034179
"@justeattakeaway/pie-css": 0.12.1
34191-
"@justeattakeaway/pie-webc": 0.5.31
34180+
"@justeattakeaway/pie-webc": 0.5.32
3419234181
rxjs: 7.8.0
3419334182
tslib: 2.3.0
3419434183
typescript: 4.9.4
@@ -34205,7 +34194,7 @@ __metadata:
3420534194
"@babel/preset-env": 7.24.5
3420634195
"@babel/preset-react": 7.24.1
3420734196
"@justeattakeaway/pie-css": 0.12.1
34208-
"@justeattakeaway/pie-webc": 0.5.31
34197+
"@justeattakeaway/pie-webc": 0.5.32
3420934198
"@lit/react": 1.0.2
3421034199
babel-loader: 8
3421134200
eslint: 8.37.0
@@ -34222,7 +34211,7 @@ __metadata:
3422234211
resolution: "wc-next13@workspace:apps/examples/wc-next13"
3422334212
dependencies:
3422434213
"@justeattakeaway/pie-css": 0.12.1
34225-
"@justeattakeaway/pie-webc": 0.5.31
34214+
"@justeattakeaway/pie-webc": 0.5.32
3422634215
"@lit-labs/nextjs": 0.2.0
3422734216
"@lit/react": 1.0.5
3422834217
"@types/react": 18.3.3
@@ -34245,7 +34234,7 @@ __metadata:
3424534234
dependencies:
3424634235
"@babel/preset-env": 7.24.5
3424734236
"@justeattakeaway/pie-css": 0.12.1
34248-
"@justeattakeaway/pie-webc": 0.5.31
34237+
"@justeattakeaway/pie-webc": 0.5.32
3424934238
babel-loader: 8
3425034239
core-js: 3.30.0
3425134240
nuxt: 2.17.0
@@ -34260,7 +34249,7 @@ __metadata:
3426034249
resolution: "wc-nuxt3@workspace:apps/examples/wc-nuxt3"
3426134250
dependencies:
3426234251
"@justeattakeaway/pie-css": 0.12.1
34263-
"@justeattakeaway/pie-webc": 0.5.31
34252+
"@justeattakeaway/pie-webc": 0.5.32
3426434253
"@types/node": 18
3426534254
nuxt: 3.4.3
3426634255
nuxt-ssr-lit: 1.6.5
@@ -34272,7 +34261,7 @@ __metadata:
3427234261
resolution: "wc-react17@workspace:apps/examples/wc-react17"
3427334262
dependencies:
3427434263
"@justeattakeaway/pie-css": 0.12.1
34275-
"@justeattakeaway/pie-webc": 0.5.31
34264+
"@justeattakeaway/pie-webc": 0.5.32
3427634265
"@lit/react": 1.0.5
3427734266
"@types/react": ^17.0.2
3427834267
"@types/react-dom": ^17.0.2
@@ -34292,7 +34281,7 @@ __metadata:
3429234281
resolution: "wc-react18@workspace:apps/examples/wc-react18"
3429334282
dependencies:
3429434283
"@justeattakeaway/pie-css": 0.12.1
34295-
"@justeattakeaway/pie-webc": 0.5.31
34284+
"@justeattakeaway/pie-webc": 0.5.32
3429634285
"@lit/react": 1.0.5
3429734286
"@types/react": 18.3.3
3429834287
"@types/react-dom": 18.3.0
@@ -34311,10 +34300,10 @@ __metadata:
3431134300
version: 0.0.0-use.local
3431234301
resolution: "wc-vanilla@workspace:apps/examples/wc-vanilla"
3431334302
dependencies:
34314-
"@justeat/pie-design-tokens": 6.3.1
34303+
"@justeat/pie-design-tokens": 6.5.0
3431534304
"@justeattakeaway/pie-css": 0.12.1
3431634305
"@justeattakeaway/pie-icons-webc": 0.25.1
34317-
"@justeattakeaway/pie-webc": 0.5.31
34306+
"@justeattakeaway/pie-webc": 0.5.32
3431834307
vite: 4.5.3
3431934308
languageName: unknown
3432034309
linkType: soft
@@ -34324,7 +34313,7 @@ __metadata:
3432434313
resolution: "wc-vue3@workspace:apps/examples/wc-vue3"
3432534314
dependencies:
3432634315
"@justeattakeaway/pie-css": 0.12.1
34327-
"@justeattakeaway/pie-webc": 0.5.31
34316+
"@justeattakeaway/pie-webc": 0.5.32
3432834317
"@types/node": 18.15.11
3432934318
"@vitejs/plugin-vue": 4.0.0
3433034319
"@vue/tsconfig": 0.1.3

0 commit comments

Comments
 (0)