From ba9c5f56cb5e41555454d64464a35abec7d25ed5 Mon Sep 17 00:00:00 2001
From: Sarah <sali@twilio.com>
Date: Thu, 13 Jun 2024 11:42:09 -0700
Subject: [PATCH 1/5] feat(docs): add warning to customization docs for twilio
 employees

---
 .../customization/customization-provider.mdx  | 20 ++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/packages/paste-website/src/pages/customization/customization-provider.mdx b/packages/paste-website/src/pages/customization/customization-provider.mdx
index a70b355acd..49e354cdbb 100644
--- a/packages/paste-website/src/pages/customization/customization-provider.mdx
+++ b/packages/paste-website/src/pages/customization/customization-provider.mdx
@@ -5,8 +5,9 @@ export const meta = {
   slug: '/customization/customization-provider/',
 };
 
-import {PageHeaderSeparator} from '@twilio-paste/page-header'
-import {Separator} from '@twilio-paste/separator'
+import {PageHeaderSeparator} from '@twilio-paste/page-header';
+import {Separator} from '@twilio-paste/separator';
+import {Callout} from '@twilio-paste/callout';
 import PackageJSON from '@twilio-paste/customization/package.json';
 import Changelog from '@twilio-paste/customization/CHANGELOG.md';
 import {ThemeObjectDisplay} from '../../components/ThemeObjectDisplay';
@@ -45,9 +46,18 @@ export const getStaticProps = async () => {
 
 <content>
 
-The `CustomizationProvider` provides a central place for customizations to be applied to an application that is using Paste.
-
-Say you want to build a web application or website using Paste, but want to have your own look and feel—the `CustomizationProvider` exists to do just that.
+<Callout variant="warning" marginY="space70">
+  <CalloutHeading as="h2">This page is for Twilio customers only!</CalloutHeading>
+  <CalloutText>
+    If you're a Twilio employee, check out 
+      <Anchor href="/customization/composing-custom-components-with-design-tokens">
+        How to build custom UI with Paste tokens and primitives
+      </Anchor>{' '}
+    on how and when to build custom components in a Twilio product.
+  </CalloutText>
+</Callout>
+
+The `CustomizationProvider` provides a central place for customizations to be applied to an application using Paste. If you want to build a web application or website using Paste, but want to have your own look and feel—the `CustomizationProvider` exists to do just that.
 
 If you&rsquo;re a Flex customer, and want to build a Flex plugin that follows your brand guidelines, the `CustomizationProvider` can be used for that as well.
 

From 3dde5f60fca959b960c53c6e752f15c2570b98ca Mon Sep 17 00:00:00 2001
From: Sarah <sali@twilio.com>
Date: Thu, 13 Jun 2024 11:55:49 -0700
Subject: [PATCH 2/5] fix: add anchor import

---
 .../src/pages/customization/customization-provider.mdx           | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/paste-website/src/pages/customization/customization-provider.mdx b/packages/paste-website/src/pages/customization/customization-provider.mdx
index 49e354cdbb..151b4de9a5 100644
--- a/packages/paste-website/src/pages/customization/customization-provider.mdx
+++ b/packages/paste-website/src/pages/customization/customization-provider.mdx
@@ -6,6 +6,7 @@ export const meta = {
 };
 
 import {PageHeaderSeparator} from '@twilio-paste/page-header';
+import {Anchor} from '@twilio-paste/anchor';
 import {Separator} from '@twilio-paste/separator';
 import {Callout} from '@twilio-paste/callout';
 import PackageJSON from '@twilio-paste/customization/package.json';

From 752067f6a59fb1e36b0e38ad36f0ca635d830358 Mon Sep 17 00:00:00 2001
From: Sarah <sali@twilio.com>
Date: Thu, 13 Jun 2024 12:04:44 -0700
Subject: [PATCH 3/5] chore: add space before anchor

---
 .../src/pages/customization/customization-provider.mdx          | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/paste-website/src/pages/customization/customization-provider.mdx b/packages/paste-website/src/pages/customization/customization-provider.mdx
index 151b4de9a5..b442f172f5 100644
--- a/packages/paste-website/src/pages/customization/customization-provider.mdx
+++ b/packages/paste-website/src/pages/customization/customization-provider.mdx
@@ -50,7 +50,7 @@ export const getStaticProps = async () => {
 <Callout variant="warning" marginY="space70">
   <CalloutHeading as="h2">This page is for Twilio customers only!</CalloutHeading>
   <CalloutText>
-    If you're a Twilio employee, check out 
+    If you're a Twilio employee, check out{' '}
       <Anchor href="/customization/composing-custom-components-with-design-tokens">
         How to build custom UI with Paste tokens and primitives
       </Anchor>{' '}

From 5151e33f43cf91581f77db911e0381f4e97fa785 Mon Sep 17 00:00:00 2001
From: Sarah <sali@twilio.com>
Date: Fri, 14 Jun 2024 10:05:51 -0700
Subject: [PATCH 4/5] feat: add info about ThemeProvider

---
 .../src/pages/customization/customization-provider.mdx        | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/paste-website/src/pages/customization/customization-provider.mdx b/packages/paste-website/src/pages/customization/customization-provider.mdx
index b442f172f5..03d0ffa448 100644
--- a/packages/paste-website/src/pages/customization/customization-provider.mdx
+++ b/packages/paste-website/src/pages/customization/customization-provider.mdx
@@ -48,13 +48,13 @@ export const getStaticProps = async () => {
 <content>
 
 <Callout variant="warning" marginY="space70">
-  <CalloutHeading as="h2">This page is for Twilio customers only!</CalloutHeading>
+  <CalloutHeading as="h2">This page is not for Twilio employees!</CalloutHeading>
   <CalloutText>
     If you're a Twilio employee, check out{' '}
       <Anchor href="/customization/composing-custom-components-with-design-tokens">
         How to build custom UI with Paste tokens and primitives
       </Anchor>{' '}
-    on how and when to build custom components in a Twilio product.
+    to learn how and when to build custom components in a Twilio feature. You should not use <InlineCode>CustomizationProvider</InlineCode> inside <InlineCode>ThemeProvider</InlineCode>, and it likely won't give you the styles you expect. Customization Provider only accepts base themes of <InlineCode>default</InlineCode> and <InlineCode>dark</InlineCode> for Twilio customers to use.
   </CalloutText>
 </Callout>
 

From 8406e82d6b2b10ffaf4922a908f0f0833d146c76 Mon Sep 17 00:00:00 2001
From: Sarah <sali@twilio.com>
Date: Fri, 14 Jun 2024 10:28:30 -0700
Subject: [PATCH 5/5] chore: add inlinecode import

---
 .../src/pages/customization/customization-provider.mdx           | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/paste-website/src/pages/customization/customization-provider.mdx b/packages/paste-website/src/pages/customization/customization-provider.mdx
index 03d0ffa448..549186622b 100644
--- a/packages/paste-website/src/pages/customization/customization-provider.mdx
+++ b/packages/paste-website/src/pages/customization/customization-provider.mdx
@@ -9,6 +9,7 @@ import {PageHeaderSeparator} from '@twilio-paste/page-header';
 import {Anchor} from '@twilio-paste/anchor';
 import {Separator} from '@twilio-paste/separator';
 import {Callout} from '@twilio-paste/callout';
+import {InlineCode} from '@twilio-paste/inline-code';
 import PackageJSON from '@twilio-paste/customization/package.json';
 import Changelog from '@twilio-paste/customization/CHANGELOG.md';
 import {ThemeObjectDisplay} from '../../components/ThemeObjectDisplay';