@cakejp/design-system 0.21.1 → 0.22.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.
- package/CHANGELOG.md +17 -0
- package/contracts/components.json +3 -3
- package/contracts/composition.json +4 -4
- package/contracts/rules.json +1 -1
- package/contracts/screen-patterns.json +1 -1
- package/dist/components/ec/anniversary-card.js +24 -24
- package/dist/components/foundations/button.js +6 -6
- package/dist/components/foundations/chip-variants.js +1 -1
- package/dist/components/foundations/pagination.js +1 -2
- package/dist/components/foundations/radio-group.js +3 -3
- package/dist/components/foundations/toggle-group.js +10 -10
- package/dist/components/primitives/tag.js +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +16 -17
- package/package.json +1 -1
- package/src/preset-standalone.css +34 -34
- package/src/styles/primitive.css +1 -1
- package/src/styles/semantic.css +31 -29
- package/tokens.json +35 -35
package/tokens.json
CHANGED
|
@@ -135,13 +135,13 @@
|
|
|
135
135
|
"usage": "エラー背景（薄）"
|
|
136
136
|
},
|
|
137
137
|
"accent-primary": {
|
|
138
|
-
"value": "Primitive-
|
|
139
|
-
"hex": "#
|
|
138
|
+
"value": "Primitive-Berry-700",
|
|
139
|
+
"hex": "#E5175C",
|
|
140
140
|
"usage": "アクセント背景"
|
|
141
141
|
},
|
|
142
142
|
"accent-primary-light": {
|
|
143
|
-
"value": "Primitive-
|
|
144
|
-
"hex": "#
|
|
143
|
+
"value": "Primitive-Berry-50",
|
|
144
|
+
"hex": "#FBD4E0",
|
|
145
145
|
"usage": "アクセント背景（薄）"
|
|
146
146
|
},
|
|
147
147
|
"success": {
|
|
@@ -185,7 +185,7 @@
|
|
|
185
185
|
"usage": "Surface-Glass-Faint のCSS契約値"
|
|
186
186
|
},
|
|
187
187
|
"brand-ghost": {
|
|
188
|
-
"value": "rgba(
|
|
188
|
+
"value": "rgba(251, 212, 224, 0.7)",
|
|
189
189
|
"usage": "Surface-Brand-Ghost のCSS契約値"
|
|
190
190
|
}
|
|
191
191
|
},
|
|
@@ -211,8 +211,8 @@
|
|
|
211
211
|
"usage": "無効状態"
|
|
212
212
|
},
|
|
213
213
|
"accent-primary": {
|
|
214
|
-
"value": "
|
|
215
|
-
"hex": "#
|
|
214
|
+
"value": "Primitive-Berry-800",
|
|
215
|
+
"hex": "#B5175C",
|
|
216
216
|
"usage": "アクセントテキスト"
|
|
217
217
|
},
|
|
218
218
|
"on-inverse": {
|
|
@@ -236,7 +236,7 @@
|
|
|
236
236
|
"usage": "警告状態"
|
|
237
237
|
},
|
|
238
238
|
"accent-secondary": {
|
|
239
|
-
"value": "var(--Primitive-
|
|
239
|
+
"value": "var(--Primitive-Berry-200)",
|
|
240
240
|
"usage": "Text-Accent-Secondary のCSS契約値"
|
|
241
241
|
},
|
|
242
242
|
"info": {
|
|
@@ -262,7 +262,7 @@
|
|
|
262
262
|
},
|
|
263
263
|
"accent-primary": {
|
|
264
264
|
"value": "Brand-Cake-Orange",
|
|
265
|
-
"hex": "#
|
|
265
|
+
"hex": "#E5175C",
|
|
266
266
|
"usage": "アクセントボーダー"
|
|
267
267
|
},
|
|
268
268
|
"caution": {
|
|
@@ -283,24 +283,24 @@
|
|
|
283
283
|
"usage": "Border-Hairline のCSS契約値"
|
|
284
284
|
},
|
|
285
285
|
"brand-subtle": {
|
|
286
|
-
"value": "rgba(
|
|
286
|
+
"value": "rgba(229, 23, 92, 0.16)",
|
|
287
287
|
"usage": "Border-Brand-Subtle のCSS契約値"
|
|
288
288
|
}
|
|
289
289
|
},
|
|
290
290
|
"brand": {
|
|
291
291
|
"cake-orange": {
|
|
292
|
-
"value": "Primitive-
|
|
293
|
-
"hex": "#
|
|
292
|
+
"value": "Primitive-Berry-700",
|
|
293
|
+
"hex": "#E5175C",
|
|
294
294
|
"usage": "ブランドカラー"
|
|
295
295
|
},
|
|
296
296
|
"cake-orange-light": {
|
|
297
|
-
"value": "Primitive-
|
|
298
|
-
"hex": "#
|
|
297
|
+
"value": "Primitive-Berry-100",
|
|
298
|
+
"hex": "#F7B1C8",
|
|
299
299
|
"usage": "ブランド薄色"
|
|
300
300
|
},
|
|
301
301
|
"cake-orange-ultra-light": {
|
|
302
|
-
"value": "Primitive-
|
|
303
|
-
"hex": "#
|
|
302
|
+
"value": "Primitive-Berry-50",
|
|
303
|
+
"hex": "#FBD4E0",
|
|
304
304
|
"usage": "ブランド最薄色"
|
|
305
305
|
}
|
|
306
306
|
},
|
|
@@ -356,11 +356,11 @@
|
|
|
356
356
|
},
|
|
357
357
|
"hover": {
|
|
358
358
|
"primary-button": {
|
|
359
|
-
"value": "var(--Primitive-
|
|
359
|
+
"value": "var(--Primitive-Berry-800)",
|
|
360
360
|
"usage": "Hover-Primary-Button のCSS契約値"
|
|
361
361
|
},
|
|
362
362
|
"secondary-button": {
|
|
363
|
-
"value": "var(--Primitive-
|
|
363
|
+
"value": "var(--Primitive-Berry-100)",
|
|
364
364
|
"usage": "Hover-Secondary-Button のCSS契約値"
|
|
365
365
|
},
|
|
366
366
|
"tertiary-button": {
|
|
@@ -378,11 +378,11 @@
|
|
|
378
378
|
},
|
|
379
379
|
"active": {
|
|
380
380
|
"primary-button": {
|
|
381
|
-
"value": "var(--Primitive-
|
|
381
|
+
"value": "var(--Primitive-Berry-800)",
|
|
382
382
|
"usage": "Active-Primary-Button のCSS契約値"
|
|
383
383
|
},
|
|
384
384
|
"secondary-button": {
|
|
385
|
-
"value": "var(--Primitive-
|
|
385
|
+
"value": "var(--Primitive-Berry-100)",
|
|
386
386
|
"usage": "Active-Secondary-Button のCSS契約値"
|
|
387
387
|
},
|
|
388
388
|
"tertiary-button": {
|
|
@@ -502,11 +502,11 @@
|
|
|
502
502
|
"usage": "Surface-Caution-Light のCSS契約値"
|
|
503
503
|
},
|
|
504
504
|
"accent-primary": {
|
|
505
|
-
"value": "var(--Primitive-
|
|
505
|
+
"value": "var(--Primitive-Berry-700)",
|
|
506
506
|
"usage": "Surface-Accent-Primary のCSS契約値"
|
|
507
507
|
},
|
|
508
508
|
"accent-primary-light": {
|
|
509
|
-
"value": "#
|
|
509
|
+
"value": "#E5175C26",
|
|
510
510
|
"usage": "Surface-Accent-Primary-Light のCSS契約値"
|
|
511
511
|
},
|
|
512
512
|
"success": {
|
|
@@ -538,7 +538,7 @@
|
|
|
538
538
|
"usage": "Surface-Glass-Faint のCSS契約値"
|
|
539
539
|
},
|
|
540
540
|
"brand-ghost": {
|
|
541
|
-
"value": "rgba(
|
|
541
|
+
"value": "rgba(229, 23, 92, 0.12)",
|
|
542
542
|
"usage": "Surface-Brand-Ghost のCSS契約値"
|
|
543
543
|
}
|
|
544
544
|
},
|
|
@@ -560,11 +560,11 @@
|
|
|
560
560
|
"usage": "Text-Disable のCSS契約値"
|
|
561
561
|
},
|
|
562
562
|
"accent-primary": {
|
|
563
|
-
"value": "var(--Primitive-
|
|
563
|
+
"value": "var(--Primitive-Berry-600)",
|
|
564
564
|
"usage": "Text-Accent-Primary のCSS契約値"
|
|
565
565
|
},
|
|
566
566
|
"accent-secondary": {
|
|
567
|
-
"value": "var(--Primitive-
|
|
567
|
+
"value": "var(--Primitive-Berry-100)",
|
|
568
568
|
"usage": "Text-Accent-Secondary のCSS契約値"
|
|
569
569
|
},
|
|
570
570
|
"on-inverse": {
|
|
@@ -590,11 +590,11 @@
|
|
|
590
590
|
},
|
|
591
591
|
"object": {
|
|
592
592
|
"favorite": {
|
|
593
|
-
"value": "var(--Primitive-
|
|
593
|
+
"value": "var(--Primitive-Berry-600)",
|
|
594
594
|
"usage": "Object-Favorite のCSS契約値"
|
|
595
595
|
},
|
|
596
596
|
"accent-primary": {
|
|
597
|
-
"value": "var(--Primitive-
|
|
597
|
+
"value": "var(--Primitive-Berry-600)",
|
|
598
598
|
"usage": "Object-Accent-Primary のCSS契約値"
|
|
599
599
|
},
|
|
600
600
|
"accent-primary-light": {
|
|
@@ -640,7 +640,7 @@
|
|
|
640
640
|
},
|
|
641
641
|
"hover": {
|
|
642
642
|
"primary-button": {
|
|
643
|
-
"value": "var(--Primitive-
|
|
643
|
+
"value": "var(--Primitive-Berry-800)",
|
|
644
644
|
"usage": "Hover-Primary-Button のCSS契約値"
|
|
645
645
|
},
|
|
646
646
|
"secondary-button": {
|
|
@@ -662,7 +662,7 @@
|
|
|
662
662
|
},
|
|
663
663
|
"active": {
|
|
664
664
|
"primary-button": {
|
|
665
|
-
"value": "var(--Primitive-
|
|
665
|
+
"value": "var(--Primitive-Berry-800)",
|
|
666
666
|
"usage": "Active-Primary-Button のCSS契約値"
|
|
667
667
|
},
|
|
668
668
|
"secondary-button": {
|
|
@@ -696,11 +696,11 @@
|
|
|
696
696
|
"usage": "Border-Low-Emphasis のCSS契約値"
|
|
697
697
|
},
|
|
698
698
|
"accent-primary": {
|
|
699
|
-
"value": "var(--Primitive-
|
|
699
|
+
"value": "var(--Primitive-Berry-600)",
|
|
700
700
|
"usage": "Border-Accent-Primary のCSS契約値"
|
|
701
701
|
},
|
|
702
702
|
"favorite": {
|
|
703
|
-
"value": "var(--Primitive-
|
|
703
|
+
"value": "var(--Primitive-Berry-600)",
|
|
704
704
|
"usage": "Border-Favorite のCSS契約値"
|
|
705
705
|
},
|
|
706
706
|
"caution": {
|
|
@@ -716,21 +716,21 @@
|
|
|
716
716
|
"usage": "Border-Hairline のCSS契約値"
|
|
717
717
|
},
|
|
718
718
|
"brand-subtle": {
|
|
719
|
-
"value": "rgba(
|
|
719
|
+
"value": "rgba(229, 23, 92, 0.24)",
|
|
720
720
|
"usage": "Border-Brand-Subtle のCSS契約値"
|
|
721
721
|
}
|
|
722
722
|
},
|
|
723
723
|
"brand": {
|
|
724
724
|
"cake-orange": {
|
|
725
|
-
"value": "var(--Primitive-
|
|
725
|
+
"value": "var(--Primitive-Berry-700)",
|
|
726
726
|
"usage": "Brand-Cake-Orange のCSS契約値"
|
|
727
727
|
},
|
|
728
728
|
"cake-orange-light": {
|
|
729
|
-
"value": "var(--Primitive-
|
|
729
|
+
"value": "var(--Primitive-Berry-100)",
|
|
730
730
|
"usage": "Brand-Cake-Orange-Light のCSS契約値"
|
|
731
731
|
},
|
|
732
732
|
"cake-orange-ultra-light": {
|
|
733
|
-
"value": "var(--Primitive-
|
|
733
|
+
"value": "var(--Primitive-Berry-50)",
|
|
734
734
|
"usage": "Brand-Cake-Orange-Ultra-Light のCSS契約値"
|
|
735
735
|
}
|
|
736
736
|
},
|