paris 0.8.10 → 0.8.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/package.json +1 -1
  3. package/src/stories/drawer/Drawer.module.scss +1 -1
  4. package/src/stories/drawer/Drawer.tsx +1 -1
  5. package/src/stories/theme/themes.ts +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # paris
2
2
 
3
+ ## 0.8.11
4
+
5
+ ### Patch Changes
6
+
7
+ - 28104e0: feat(drawer): Make drawer overlay style default grey and adjust backgroundOverlayGrey color
8
+
3
9
  ## 0.8.10
4
10
 
5
11
  ### Patch Changes
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "paris",
3
3
  "author": "Sanil Chawla <sanil@slingshot.fm> (https://sanil.co)",
4
4
  "description": "Paris is Slingshot's React design system. It's a collection of reusable components, design tokens, and guidelines that help us build consistent, accessible, and performant user interfaces.",
5
- "version": "0.8.10",
5
+ "version": "0.8.11",
6
6
  "homepage": "https://paris.slingshot.fm",
7
7
  "license": "MIT",
8
8
  "repository": {
package/src/stories/drawer/Drawer.module.scss CHANGED
@@ -34,7 +34,7 @@ $panelAnimationDelay: var(--pte-animations-duration-fast);
34
34
  }
35
35
 
36
36
  &.overlayGreyed {
37
- background-color: rgba(175, 175, 175, 0); // Non-transparent backgroundOverlayGrey
37
+ background-color: rgba(175, 175, 175, 0); // Non-transparent backgroundOverlayGrey (for start animation)
38
38
  will-change: background-color, opacity;
39
39
  }
40
40
  }
package/src/stories/drawer/Drawer.tsx CHANGED
@@ -126,7 +126,7 @@ export const Drawer = <T extends string[] | readonly string[] = string[]>({
126
126
  from = 'right',
127
127
  size = 'default',
128
128
  pagination,
129
- overlayStyle = 'blur',
129
+ overlayStyle = 'greyed',
130
130
  additionalActions,
131
131
  children,
132
132
  }: DrawerProps<T>) => {
package/src/stories/theme/themes.ts CHANGED
@@ -330,7 +330,7 @@ export const LightTheme: Theme = {
330
330
 
331
331
  backgroundOverlayLight: 'rgba(255, 255, 255, 0.07)',
332
332
  backgroundOverlayXLight: 'rgba(255, 255, 255, 0.1)',
333
- backgroundOverlayGrey: 'rgba(175, 175, 175, 0.8)',
333
+ backgroundOverlayGrey: 'rgba(60, 60, 60, 0.65)',
334
334
  backgroundOverlayDark: 'rgba(0, 0, 0, 0.1)',
335
335
  backgroundOverlayTeal: 'rgba(29, 238, 205, 0.1)',
336
336