npm - @deriv-com/dds-marketing - Versions diffs - 1.0.1 → 1.0.2 - Mend

@deriv-com/dds-marketing 1.0.1 → 1.0.2

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 (62) hide show

package/dist/marketing.css CHANGED Viewed

@@ -9,6 +9,7 @@
   --aspect-portrait: 4 / 5;
   --aspect-square: 1 / 1;
   --aspect-ultrawide: 21 / 9;
+  --aspect-upright: 3 / 4;
   --aspect-widescreen: 16 / 9;
   --border-style-decorative: dashed;
   --border-style-default: solid;
@@ -52,6 +53,7 @@
   --color-bg-surface-card-raised: #FFFFFF;
   --color-bg-surface-card-strong-raised: #202020;
   --color-bg-surface-card-strong: #202020;
+  --color-bg-surface-glass: #FFFFFFE0;
   --color-bg-surface-inverse: #FFFFFF14;
   --color-bg-surface-modal: #FFFFFF;
   --color-bg-surface-raised-inverse: #FFFFFF3D;
@@ -74,6 +76,8 @@
   --color-border-focus-on-brand-strong: #FFFFFF;
   --color-border-focus: #0C0C0C;
   --color-border-info: #0068FF;
+  --color-border-pattern-inverse: #FFFFFF3D;
+  --color-border-pattern: #0000001A;
   --color-border-strong: #63666B;
   --color-border-subtle-inverse: #FFFFFF29;
   --color-border-subtle: #0000000F;
@@ -214,6 +218,7 @@
   --layer-popup: 400;
   --motion-distance-drift: 64px;
   --motion-duration-dramatic: 700ms;
+  --motion-duration-drift: 10000ms;
   --motion-duration-dwell: 5000ms;
   --motion-duration-fast: 100ms;
   --motion-duration-instant: 0ms;
@@ -225,6 +230,7 @@
   --motion-duration-slow: 300ms;
   --motion-duration-spinner: 500ms;
   --motion-duration-stagger: 100ms;
+  --motion-duration-trail: 500ms;
   --motion-easing-enter: cubic-bezier(0.33, 1, 0.68, 1);
   --motion-easing-exit: cubic-bezier(0.32, 0, 0.67, 0);
   --motion-easing-media-hover: cubic-bezier(0.65, 0, 0.35, 1);
@@ -258,6 +264,7 @@
   --radius-subtle: 12px;
   --radius-surface-compact: 16px;
   --radius-surface: 24px;
+  --size-aurora-spotlight: 112px;
   --size-avatar: 48px;
   --size-backdrop-blur: 16px;
   --size-band-compact: 480px;
@@ -274,6 +281,8 @@
   --size-grid-track-lg: 320px;
   --size-grid-track-md: 240px;
   --size-grid-track-sm: 160px;
+  --size-halftone-dot: 6px;
+  --size-halftone-pitch: 20px;
   --size-heading-group-max: 846px;
   --size-logo-columns-height: 640px;
   --size-logo-rows-tile: 192px;
@@ -287,7 +296,10 @@
   --size-menu-panel-max: 846px;
   --size-menu-panel-min: 320px;
   --size-review-card-min: 320px;
+  --size-rings-pitch: 64px;
+  --size-rings-spotlight: 128px;
   --size-rule-grid-pitch: 96px;
+  --size-rule-grid-spotlight: 128px;
   --size-sheet-handle-height: 4px;
   --size-sheet-handle-width: 40px;
   --size-sheet-max: 640px;
@@ -340,6 +352,7 @@
   --aspect-portrait: 4 / 5;
   --aspect-square: 1 / 1;
   --aspect-ultrawide: 21 / 9;
+  --aspect-upright: 3 / 4;
   --aspect-widescreen: 16 / 9;
   --border-style-decorative: dashed;
   --border-style-default: solid;
@@ -383,6 +396,7 @@
   --color-bg-surface-card-raised: #FFFFFF0F;
   --color-bg-surface-card-strong-raised: #363636;
   --color-bg-surface-card-strong: #202020;
+  --color-bg-surface-glass: #FFFFFF1F;
   --color-bg-surface-inverse: #FFFFFF14;
   --color-bg-surface-modal: #202020;
   --color-bg-surface-raised-inverse: #0000003D;
@@ -405,6 +419,8 @@
   --color-border-focus-on-brand-strong: #FFFFFF;
   --color-border-focus: #FFFFFF;
   --color-border-info: #3786FF;
+  --color-border-pattern-inverse: #FFFFFF3D;
+  --color-border-pattern: #FFFFFF3D;
   --color-border-strong: #A2A7AD;
   --color-border-subtle-inverse: #FFFFFF29;
   --color-border-subtle: #FFFFFF0F;
@@ -545,6 +561,7 @@
   --layer-popup: 400;
   --motion-distance-drift: 64px;
   --motion-duration-dramatic: 700ms;
+  --motion-duration-drift: 10000ms;
   --motion-duration-dwell: 5000ms;
   --motion-duration-fast: 100ms;
   --motion-duration-instant: 0ms;
@@ -556,6 +573,7 @@
   --motion-duration-slow: 300ms;
   --motion-duration-spinner: 500ms;
   --motion-duration-stagger: 100ms;
+  --motion-duration-trail: 500ms;
   --motion-easing-enter: cubic-bezier(0.33, 1, 0.68, 1);
   --motion-easing-exit: cubic-bezier(0.32, 0, 0.67, 0);
   --motion-easing-media-hover: cubic-bezier(0.65, 0, 0.35, 1);
@@ -589,6 +607,7 @@
   --radius-subtle: 12px;
   --radius-surface-compact: 16px;
   --radius-surface: 24px;
+  --size-aurora-spotlight: 112px;
   --size-avatar: 48px;
   --size-backdrop-blur: 16px;
   --size-band-compact: 480px;
@@ -605,6 +624,8 @@
   --size-grid-track-lg: 320px;
   --size-grid-track-md: 240px;
   --size-grid-track-sm: 160px;
+  --size-halftone-dot: 6px;
+  --size-halftone-pitch: 20px;
   --size-heading-group-max: 846px;
   --size-logo-columns-height: 640px;
   --size-logo-rows-tile: 192px;
@@ -618,7 +639,10 @@
   --size-menu-panel-max: 846px;
   --size-menu-panel-min: 320px;
   --size-review-card-min: 320px;
+  --size-rings-pitch: 64px;
+  --size-rings-spotlight: 128px;
   --size-rule-grid-pitch: 96px;
+  --size-rule-grid-spotlight: 128px;
   --size-sheet-handle-height: 4px;
   --size-sheet-handle-width: 40px;
   --size-sheet-max: 640px;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@deriv-com/dds-marketing",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Deriv Design System — components and tokens for marketing sites (landing pages, pricing, sign-up).",
   "license": "MIT",
   "author": {