feat:(726) card composable (#802)

* spike(PPDSC-2577): card composable * spike(PPDSC-2577): add card * spike(PPDSC-2577): play around * spike(PPDSC-2577): add areas * spike(PPDSC-2577): add areas * chore(PPDSC-2747): stories added * chore(PPDSC-2747): fix build * chore(PPDSC-2747): img component * chore(PPDSC-2747): typo * chore(PPDSC-2747): chore(PPDSC-2754: storybook, order to overrides * chore(PPDSC-2747): update style overrides * chore(PPDSC-2747): chore/ppdse-2747-added areas & variations * chore(PPDSC-2747): grid for stories with multiple cases * chore(PPDSC-2747): chore/ppdse-2747-variations-inset-done * chore(PPDSC-2747): chore/ppdse-2747-added areas on stories * chore(PPDSC-2747): chore/ppdse-2747-layout and span done * chore(PPDSC-2747): combine overrides stories * chore(PPDSC-2747): chore/ppdse-2747-switched stories * chore(PPDSC-2747): chore/ppdse-2747-replaced text * chore(PPDSC-2747): chore/ppdse-2747-fixed box shadow * chore(PPDSC-2747): chore/ppdse-2747-testing max width * chore(PPDSC-2747): chore/ppdse-2747-fixed layout columnns * chore(PPDSC-2747): chore/ppdse-2747-switched columnn colors * chore(PPDSC-2747): chore/ppdse-2747-added default vis * chore(PPDSC-2747): requested changes to overrides story * chore(PPDSC-2747): chore/ppdse-2747-fixed focus visible * chore(PPDSC-2747): simplify default story * chore(PPDSC-2747): correct responsive card story * chore(PPDSC-2747): update snapshots * chore(PPDSC-2747): chore/ppdse-2747-removed preset * chore(PPDSC-2747): chore/ppdse-2747-removed preset-again * chore(PPDSC-2747): chore/ppdse-2747-updated snaps * chore(PPDSC-2747): chore/ppdse-2747-updated complier * chore(PPDSC-2747): chore/ppdse-2747-updated * chore(PPDSC-2747): added types * chore(PPDSC-2747): rename to card-composable * chore(PPDSC-2747): fix Default layout * chore(PPDSC-2747): update snapshots * chore(PPDSC-2747): fixed type * chore(PPDSC-2747): added space on headline * chore(PPDSC-2747): added space on flag * chore(PPDSC-2747): fixed height thing * chore(PPDSC-2747): added space * chore(PPDSC-2747): remove cardcoverlink experiment ref * chore(PPDSC-2747): adjust link focus rectangle sizes * chore(PPDSC-2747): remove spacing overrides * chore(PPDSC-2747): update button * feat(726): refactor * feat(726): update stories * feat(726): add ref and theme * feat(726): update stories * feat(726): fix images * feat(726): add unit tests * feat(726): change to use LinkStandalone * feat(726): remove headlineLink * feat(726): fix tests * feat(726): address design feedback * feat(726): fix docs snapshots * feat(726): add defaults to all comps * feat(726): address design feedback * feat(726): add defaults to card-link * feat(726): update snapshots * feat(726): add transition preset * feat(726): address feedback --------- Co-authored-by: mikef <[email protected]> Co-authored-by: JohnTParsons <JohnTParsons> Co-authored-by: Aysha <[email protected]>
newscorp-ghfb · Apr 11, 2023 · 92bf709 · 92bf709
1 parent ae26f50
commit 92bf709
Show file tree

Hide file tree

Showing 20 changed files with 1,823 additions and 205 deletions.
diff --git a/site/theme/__tests__/__snapshots__/doc-theme.test.ts.snap b/site/theme/__tests__/__snapshots__/doc-theme.test.ts.snap
@@ -855,7 +855,9 @@ Object {
     },
     "cardContainer": Object {
       "base": Object {
+        "backgroundColor": "{{colors.interface010}}",
         "borderRadius": false,
+        "color": "{{colors.inkBase}}",
       },
     },
     "cardContainerActions": Object {
@@ -3615,7 +3617,9 @@ Object {
     },
     "cardContainer": Object {
       "base": Object {
+        "backgroundColor": "{{colors.interface010}}",
         "borderRadius": false,
+        "color": "{{colors.inkBase}}",
       },
     },
     "cardContainerActions": Object {
@@ -6378,7 +6382,9 @@ Object {
     },
     "cardContainer": Object {
       "base": Object {
+        "backgroundColor": "{{colors.interface010}}",
         "borderRadius": false,
+        "color": "{{colors.inkBase}}",
       },
     },
     "cardContainerActions": Object {
@@ -9138,7 +9144,9 @@ Object {
     },
     "cardContainer": Object {
       "base": Object {
+        "backgroundColor": "{{colors.interface010}}",
         "borderRadius": false,
+        "color": "{{colors.inkBase}}",
       },
     },
     "cardContainerActions": Object {
@@ -11901,7 +11909,9 @@ Object {
     },
     "cardContainer": Object {
       "base": Object {
+        "backgroundColor": "{{colors.interface010}}",
         "borderRadius": false,
+        "color": "{{colors.inkBase}}",
       },
     },
     "cardContainerActions": Object {
@@ -14661,7 +14671,9 @@ Object {
     },
     "cardContainer": Object {
       "base": Object {
+        "backgroundColor": "{{colors.interface010}}",
         "borderRadius": false,
+        "color": "{{colors.inkBase}}",
       },
     },
     "cardContainerActions": Object {
@@ -17424,7 +17436,9 @@ Object {
     },
     "cardContainer": Object {
       "base": Object {
+        "backgroundColor": "{{colors.interface010}}",
         "borderRadius": false,
+        "color": "{{colors.inkBase}}",
       },
     },
     "cardContainerActions": Object {
@@ -20184,7 +20198,9 @@ Object {
     },
     "cardContainer": Object {
       "base": Object {
+        "backgroundColor": "{{colors.interface010}}",
         "borderRadius": false,
+        "color": "{{colors.inkBase}}",
       },
     },
     "cardContainerActions": Object {

diff --git a/src/__tests__/__snapshots__/index.test.ts.snap b/src/__tests__/__snapshots__/index.test.ts.snap
@@ -27,7 +27,12 @@ Array [
   "Byline",
   "Caption",
   "Card",
+  "CardActions",
+  "CardComposable",
+  "CardContent",
   "CardInset",
+  "CardLink",
+  "CardMedia",
   "Cell",
   "CharacterCount",
   "Checkbox",