feat: add cookie consent recipe

apps/csk-marketing-site/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/csk-marketing-site",
-  "version": "6.1.50",
+  "version": "6.1.51",
   "private": true,
   "engines": {
     "yarn": "please-use-npm",

apps/csk-storybook/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/csk-storybook",
-  "version": "6.1.50",
+  "version": "6.1.51",
   "description": "CSK vNext Storybook is an interactive Storybook build showcasing components from the CSK vNext component starter kit. It provides detailed documentation, live previews, and testing capabilities for easy integration into your projects.",
   "main": "index.js",
   "scripts": {

apps/csk/content/full/component/cookieConsent.yaml

@@ -0,0 +1,130 @@
+# yaml-language-server: $schema=https://uniform.app/schemas/json-schema/component-definition/v1.json
+$schema: https://uniform.app/schemas/json-schema/component-definition/v1.json
+id: cookieConsent
+name: Cookie Consent
+icon: image-text
+parameters:
+  - id: displayName
+    name: Display Name
+    type: text
+    guidance: Used as a display name for the canvas; not rendered in the markup.
+    typeConfig: null
+    localizable: true
+  - id: 186c770f-d86f-40f7-93ba-0e7c72cc3fcb
+    name: Allow Button
+    type: group
+    typeConfig:
+      collapsed: true
+      childrenParams:
+        - allowButtonText
+        - allowTextColor
+        - allowButtonColor
+        - allowButtonHoverColor
+  - id: allowButtonText
+    name: Button Text
+    type: text
+    typeConfig: null
+    localizable: true
+  - id: allowTextColor
+    name: Text Color
+    type: dex-color-palette-parameter
+    typeConfig:
+      allowColors: []
+      selectedGroup: text
+  - id: allowButtonColor
+    name: Button Color
+    type: dex-color-palette-parameter
+    typeConfig:
+      allowColors: []
+      selectedGroup: button
+  - id: allowButtonHoverColor
+    name: Button Hover Color
+    type: dex-color-palette-parameter
+    typeConfig:
+      allowColors: []
+      selectedGroup: button
+  - id: 40d53061-3591-4436-a82b-27131d6f82fb
+    name: Decline Button
+    type: group
+    typeConfig:
+      collapsed: true
+      childrenParams:
+        - declineButtonText
+        - declineTextColor
+        - declineButtonColor
+        - declineButtonHoverColor
+  - id: declineButtonText
+    name: Button Text
+    type: text
+    typeConfig: null
+    localizable: true
+  - id: declineTextColor
+    name: Text Color
+    type: dex-color-palette-parameter
+    typeConfig:
+      allowColors: []
+      selectedGroup: text
+  - id: declineButtonColor
+    name: Button Color
+    type: dex-color-palette-parameter
+    typeConfig:
+      allowColors: []
+      selectedGroup: button
+  - id: declineButtonHoverColor
+    name: Button Hover Color
+    type: dex-color-palette-parameter
+    typeConfig:
+      allowColors: []
+      selectedGroup: button
+  - id: 9f8178c3-539f-4a1e-8a4e-71bfcedfe223
+    name: Presentation Settings
+    type: group
+    typeConfig:
+      collapsed: true
+      childrenParams:
+        - backgroundColor
+        - border
+        - fluidContent
+  - id: backgroundColor
+    name: Background Color
+    type: dex-color-palette-parameter
+    guidance: Use the Background Color parameter to control component background color.
+    typeConfig: null
+  - id: border
+    name: Border
+    type: dex-token-selector-parameter
+    guidance: Use the Border parameter to control the component border.
+    typeConfig:
+      selectedTokenType: border
+  - id: fluidContent
+    name: Fluid Content
+    type: checkbox
+    guidance: >-
+      Use the Fluid Content parameter to control the component width.
+
+      This parameter restricts the component within the standard centered
+      container by default, or can enable it to render without restrictions
+      across the full screen width.
+    typeConfig: null
+categoryId: 096fd5ed-5e2a-4bfa-834b-fb805d1d1ce9
+previewImageUrl: >-
+  https://res.cloudinary.com/uniform-demos/image/upload/csk-v-next/baseline/preview-images/cookie-consent
+useTeamPermissions: true
+slots:
+  - id: cookieConsentContent
+    name: Cookie Consent Content
+    allowedComponents:
+      - richText
+      - text
+    allowAllComponents: false
+    inheritAllowedComponents: false
+    patternsInAllowedComponents: false
+titleParameter: displayName
+canBeComposition: false
+created: '2025-12-05T14:17:32.572562+00:00'
+updated: '2025-12-07T16:57:32.889175+00:00'
+variants:
+  - id: top
+    name: Top
+  - id: bottom
+    name: Bottom

apps/csk/content/full/component/page.yaml

@@ -201,11 +201,12 @@ slots:
     allowedComponents:
       - footer
       - simpleFooter
+      - cookieConsent
     allowAllComponents: false
     inheritAllowedComponents: false
     patternsInAllowedComponents: false
 titleParameter: pageTitle
 thumbnailParameter: openGraphImage
 canBeComposition: true
 created: '2025-01-29T10:47:02.333016+00:00'
-updated: '2025-10-09T10:53:48.289674+00:00'
+updated: '2025-12-05T14:24:06.350518+00:00'

apps/csk/content/full/componentPattern/9ff29417-67bd-441f-b2ad-d5ac1fc096c6.yaml

@@ -0,0 +1,109 @@
+composition:
+  _name: Cookie Consent pattern
+  _id: 9ff29417-67bd-441f-b2ad-d5ac1fc096c6
+  type: cookieConsent
+  variant: bottom
+  parameters:
+    displayName:
+      type: text
+      locales:
+        en: Cookie Consent
+    allowTextColor:
+      type: dex-color-palette-parameter
+      value: text-secondary
+    allowButtonText:
+      type: text
+      locales:
+        en: Accept
+    backgroundColor:
+      type: dex-color-palette-parameter
+      value: general-color-2
+    allowButtonColor:
+      type: dex-color-palette-parameter
+      value: button-primary
+    declineTextColor:
+      type: dex-color-palette-parameter
+      value: text-secondary
+    declineButtonText:
+      type: text
+      locales:
+        en: Decline
+    declineButtonColor:
+      type: dex-color-palette-parameter
+      value: button-secondary
+    allowButtonHoverColor:
+      type: dex-color-palette-parameter
+      value: button-primary-hover
+    declineButtonHoverColor:
+      type: dex-color-palette-parameter
+      value: button-secondary-hover
+  slots:
+    cookieConsentContent:
+      - _id: e0d19c06-57ff-446a-8725-f18233ead8b9
+        type: richText
+        parameters:
+          size:
+            type: dex-segmented-control-parameter
+            value:
+              mobile: base
+              tablet: base
+              desktop: base
+          text:
+            type: richText
+            locales:
+              en:
+                root:
+                  type: root
+                  format: ''
+                  indent: 0
+                  version: 1
+                  children:
+                    - type: paragraph
+                      format: ''
+                      indent: 0
+                      version: 1
+                      children:
+                        - mode: normal
+                          text: >-
+                            We use necessary cookies to make our site work. We’d
+                            like to set additional cookies to understand site
+                            usage, make site improvements and to remember your
+                            settings. We also use cookies set by other sites to
+                            help deliver content from their services. View our 
+                          type: text
+                          style: ''
+                          detail: 0
+                          format: 0
+                          version: 1
+                        - link:
+                            path: https://www.uniform.dev/cookie-policy
+                            type: url
+                          type: link
+                          format: ''
+                          indent: 0
+                          version: 1
+                          children:
+                            - mode: normal
+                              text: Cookie Notice
+                              type: text
+                              style: ''
+                              detail: 0
+                              format: 0
+                              version: 1
+                          direction: ltr
+                      direction: ltr
+                      textStyle: ''
+                      textFormat: 0
+                  direction: ltr
+          color:
+            type: dex-color-palette-parameter
+            value: text-secondary
+        _overridability:
+          hideLockedParameters: true
+  _overridability:
+    hideLockedParameters: true
+  _locales:
+    - en
+created: '2025-12-05T14:18:15.038176+00:00'
+modified: '2025-12-05T14:27:22.504678+00:00'
+pattern: true

apps/csk/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/component-starter-kit",
-  "version": "6.1.50",
+  "version": "6.1.51",
   "private": true,
   "engines": {
     "yarn": "please-use-npm",