Remove src/utilities/theme/* and color system docs

package.json

@@ -63,10 +63,7 @@
     "readme-update-version": "node ./scripts/readme-update-version",
     "version": "yarn run readme-update-version",
     "storybook": "start-storybook -p 6006 --quiet",
-    "storybook:build": "yarn run copy-polaris-tokens && build-storybook -o build-internal/storybook/static",
-    "precolordocs": "yarn run build",
-    "colordocs": "node ./scripts/color-system-docs",
-    "postcolordocs": "yarn run format"
+    "storybook:build": "yarn run copy-polaris-tokens && build-storybook -o build-internal/storybook/static"
   },
   "dependencies": {
     "@shopify/polaris-icons": "^4.10.0",

pre-commit

@@ -1,14 +1,12 @@
 #!/usr/bin/ruby --disable-gems
 
 NON_COMMITTABLE_FILE_PATHS = ['playground/Playground.tsx']
-COLOR_DOC_SOURCE_FILE_PATHS = ['src/utilities/theme/tokens.ts']
 
 module PreCommit
   extend self
 
   def main
     ignore_playground
-    generate_color_docs
   end
 
   private
@@ -24,16 +22,6 @@ module PreCommit
     end
   end
 
-  def generate_color_docs
-    changed_files.each do |path|
-      if COLOR_DOC_SOURCE_FILE_PATHS.include? path
-        puts "Color system changes detected. Generating new docs (may take a couple minutes)..."
-        %x(yarn run colordocs)
-        %x(git add "documentation/Color system.md")
-      end
-    end
-  end
-
   def changed_files
     @changed_files ||= %x(git diff --cached --name-only HEAD).lines.map(&:chomp)
   end

src/index.ts

@@ -57,8 +57,3 @@ export {
   useRowSelected as useIndexTableRowSelected,
   useContainerScroll as useIndexTableContainerScroll,
 } from './utilities/index-table';
-
-export {
-  toCssCustomPropertySyntax as UNSTABLE_toCssCustomPropertySyntax,
-  Tokens as UNSTABLE_Tokens,
-} from './utilities/theme';

src/utilities/custom-properties/custom-properties.ts

@@ -1,6 +1,8 @@
 import {config} from '@shopify/polaris-tokens/dist-modern/configs/base';
 
-import {toCssCustomPropertySyntax, Tokens} from '../theme';
+function toCssCustomPropertySyntax(camelCase: string) {
+  return `--p-${camelCase.replace(/([A-Z]|[0-9]+)/g, '-$1').toLowerCase()}`;
+}
 
 export const nonDesignLangaugeCustomProperties = [
   '--global-ribbon-height',
@@ -22,5 +24,4 @@ export const designLangaugeCustomProperties = ([] as string[]).concat(
   ...Object.values(config).map((variant) =>
     variant.map(({name}) => toCssCustomPropertySyntax(name)),
   ),
-  ...Object.keys(Tokens).map(toCssCustomPropertySyntax),
 );