fix: Paris color migration (#46)

* fix: Paris color migration

* updated all Paris components to use “new” variables
* Button medium size
* Tag new kinds and small size
* Drawer new sizes, and glass bottomPanel
* Tabs new kind and glass option
* Misc updates to storybook pages

* fix: Button and Tag props

* Button: added `corners` prop, removed “rounded” shape
* Callout: remvoed `hideIcon` prop, instead hides when `icon={null}`
* Input: reverted to using `data-status={disabled}` so that disabled styling will overrule the status states (error, success), change applies across all input types
* Drawer: removed bottomPanel padding change
* Tabs: fixes to glass style
* Tag: removed “small” size, instead added `shape` prop as “rectangle” or “square”, plus `corners` prop to control border and border-radius

* fix: overlayStyle grey

* renamed `overlayStyle` from “greyed” to “grey”
* changed Dialog default to “blur”

.changeset/angry-steaks-occur.md

@@ -0,0 +1,5 @@
+---
+"paris": patch
+---
+
+Accordion: color updates

.changeset/dirty-garlics-enjoy.md

@@ -0,0 +1,5 @@
+---
+"paris": minor
+---
+
+Tabs: color and styling updates, kind `full`, `barStyle` thick or thin, `backgroundStyle` with glass option

.changeset/giant-pants-breathe.md

@@ -0,0 +1,5 @@
+---
+"paris": patch
+---
+
+Styled Link: color updates

.changeset/giant-taxis-think.md

@@ -0,0 +1,5 @@
+---
+"paris": patch
+---
+
+Table: color and styling updates

.changeset/hip-baboons-watch.md

@@ -0,0 +1,5 @@
+---
+"paris": patch
+---
+
+Toast: color updates

.changeset/metal-dogs-suffer.md

@@ -0,0 +1,5 @@
+---
+"paris": minor
+---
+
+Theme: updated “materials” variables, added accent glows to “lighting”

.changeset/orange-trains-reflect.md

@@ -0,0 +1,5 @@
+---
+"paris": patch
+---
+
+Popover: color updates

.changeset/polite-vans-shave.md

@@ -0,0 +1,5 @@
+---
+"paris": minor
+---
+
+Drawer: color and styling updates, new sizes `fullWithMargin` and `fullOnMobile` with tweaked `full` behavior, `bottomPanel` with glass material and removed padding, `additionalActions` available on paginated drawers, `overlayStyle` "greyed" renamed to "grey"

.changeset/real-carrots-end.md

@@ -0,0 +1,5 @@
+---
+"paris": minor
+---
+
+Dialog: color and styling updates, `overlayStyle` with default `blur` and option `grey`

.changeset/real-kids-suffer.md

@@ -0,0 +1,5 @@
+---
+"paris": patch
+---
+
+Checkbox: color updates

.changeset/rich-geckos-draw.md

@@ -0,0 +1,5 @@
+---
+"paris": minor
+---
+
+Callout: color updates, default ArrowRight icon

.changeset/seven-walls-dance.md

@@ -0,0 +1,5 @@
+---
+"paris": patch
+---
+
+Select: color and styling updates, fixed disabled states

.changeset/silver-hornets-begin.md

@@ -0,0 +1,5 @@
+---
+"paris": minor
+---
+
+Tag: color and styling updates, `shape` prop for `square` variant with `icon`, `corners` prop for border and radius, planned` and `void` kinds, `colorLevel` to adjust color background

.changeset/spicy-cats-buy.md

@@ -0,0 +1,5 @@
+---
+"paris": minor
+---
+
+Button: color updates, added `medium` size, `corners` prop for border-radius, removed `rounded` shape

.changeset/spicy-geese-appear.md

@@ -0,0 +1,5 @@
+---
+"paris": patch
+---
+
+Menu: color updates

.changeset/spotty-cameras-count.md

@@ -0,0 +1,5 @@
+---
+"paris": patch
+---
+
+TextArea: color updates, enhancer updates to match Input

.changeset/tender-drinks-play.md

@@ -0,0 +1,5 @@
+---
+"paris": patch
+---
+
+Card: color updates

.changeset/tough-ghosts-type.md

@@ -0,0 +1,5 @@
+---
+"paris": patch
+---
+
+Avatar: color updates

.changeset/warm-badgers-attend.md

@@ -0,0 +1,5 @@
+---
+"paris": patch
+---
+
+Combobox: color and styling updates

.changeset/wicked-parrots-watch.md

@@ -0,0 +1,5 @@
+---
+"paris": patch
+---
+
+Icon: `Check` and `ArrowRight`

.changeset/wild-wasps-rescue.md

@@ -0,0 +1,5 @@
+---
+"paris": patch
+---
+
+Input: color and styling updates, enhancer color states

.storybook/main.ts

@@ -17,8 +17,8 @@ const config: StorybookConfig = {
   previewHead: head => `${head}
 <style>
     body {
-        color: var(--pte-colors-contentPrimary);
-        background-color: var(--pte-colors-backgroundPrimary);
+        color: var(--pte-new-colors-contentPrimary);
+        background-color: var(--pte-new-colors-backgroundPrimary);
         transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
     }
     

.storybook/themes.ts

@@ -18,13 +18,13 @@ export const Light = create({
     ...sharedConfig,
     base: 'light',
     brandImage: 'https://fast.slingshot.fm/sling/logo/paris-sb.png',
-    appBg: LightTheme.colors.backgroundPrimary,
+    appBg: LightTheme.new.colors.backgroundPrimary,
 });
 
 export const Dark = create({
     ...sharedConfig,
     base: 'dark',
     brandImage: 'https://fast.slingshot.fm/sling/logo/paris-sb-white.png',
-    appBg: DarkTheme.colors.backgroundPrimary,
-    appContentBg: DarkTheme.colors.backgroundPrimary,
+    appBg: DarkTheme.new.colors.backgroundPrimary,
+    appContentBg: DarkTheme.new.colors.backgroundPrimary,
 });