@datrix-team-product/website-ds 0.2.2 → 0.2.3
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.
- package/dist/bricks-preview.css +16 -0
- package/package.json +1 -1
package/dist/bricks-preview.css
CHANGED
|
@@ -8,6 +8,8 @@
|
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
:root {
|
|
11
|
+
--T1: clamp(5rem, 3.857rem + 3.571vw, 9rem);
|
|
12
|
+
--T2: clamp(4.2rem, 3.571rem + 1.964vw, 6.4rem);
|
|
11
13
|
--accent: #d636ff;
|
|
12
14
|
--accent-b: 255;
|
|
13
15
|
--accent-comp: #60ff38;
|
|
@@ -52,6 +54,7 @@
|
|
|
52
54
|
--accent-ultra-light-h: 288;
|
|
53
55
|
--accent-ultra-light-l: 95%;
|
|
54
56
|
--accent-ultra-light-s: 100%;
|
|
57
|
+
--accordion-icon-size: 2.4rem;
|
|
55
58
|
--admin-bar-height: var(--wp-admin--admin-bar--height, 0px);
|
|
56
59
|
--auto-grid-aggressiveness: 0.7;
|
|
57
60
|
--base-heading-lh: calc(1.2);
|
|
@@ -107,12 +110,14 @@
|
|
|
107
110
|
--box-shadow-l: 0 2.7px 3.6px -5px rgba(0, 0, 0, 0.04), 0 7.5px 10px -5px rgba(0, 0, 0, 0.06), 0 18px 24.1px -5px rgba(0, 0, 0, 0.08), 0 60px 80px -5px rgba(0, 0, 0, 0.1);
|
|
108
111
|
--box-shadow-m: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
|
|
109
112
|
--box-shadow-xl: 2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02), 0 6.7px 5.3px -5px rgba(0, 0, 0, 0.04), 0 12.5px 10px -5px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px -5px rgba(0, 0, 0, 0.08), 0 41.8px 33.4px -5px rgba(0, 0, 0, 0.1), 0 80px 80px -5px rgba(0, 0, 0, 0.105);
|
|
113
|
+
--brxe-toggle-scale: 1;
|
|
110
114
|
--btn-border-radius: 50vw;
|
|
111
115
|
--btn-border-size: 0.1rem;
|
|
112
116
|
--btn-border-style: solid;
|
|
113
117
|
--btn-border-width: 0.1rem;
|
|
114
118
|
--btn-font-style: normal;
|
|
115
119
|
--btn-font-weight: 300;
|
|
120
|
+
--btn-icon-size: 1.4rem;
|
|
116
121
|
--btn-justify-content: center;
|
|
117
122
|
--btn-letter-spacing: 0;
|
|
118
123
|
--btn-line-height: 1;
|
|
@@ -268,6 +273,7 @@
|
|
|
268
273
|
--f-tab-width: auto;
|
|
269
274
|
--figcaption-spacing: 0.5em;
|
|
270
275
|
--figure-spacing: var(--paragraph-spacing);
|
|
276
|
+
--fill-white: var(--white);
|
|
271
277
|
--flow-spacing: var(--paragraph-spacing);
|
|
272
278
|
--focus-color: var(--danger);
|
|
273
279
|
--focus-offset: 0.25em;
|
|
@@ -360,9 +366,12 @@
|
|
|
360
366
|
--link-transition: var(--transition);
|
|
361
367
|
--link-underline-offset: 5;
|
|
362
368
|
--link-weight: inherit;
|
|
369
|
+
--list-icon-size: 2.4rem;
|
|
363
370
|
--list-indent-spacing: 2em;
|
|
364
371
|
--list-item-spacing: 0.5em;
|
|
365
372
|
--list-spacing: 1em;
|
|
373
|
+
--mm-pad-h: var(--gutter);
|
|
374
|
+
--mm-pad-v: var(--space-m);
|
|
366
375
|
--nested-list-indent-spacing: 1em;
|
|
367
376
|
--neutral: #000000;
|
|
368
377
|
--neutral-b: 0;
|
|
@@ -513,6 +522,7 @@
|
|
|
513
522
|
--primary-ultra-light-h: 209;
|
|
514
523
|
--primary-ultra-light-l: 41%;
|
|
515
524
|
--primary-ultra-light-s: 100%;
|
|
525
|
+
--pure-white: #FFFFFF;
|
|
516
526
|
--radius: 2rem;
|
|
517
527
|
--radius-50: 50%;
|
|
518
528
|
--radius-circle: 50vw;
|
|
@@ -613,14 +623,19 @@
|
|
|
613
623
|
--section-space-xl: clamp(8.5290672rem, calc(12.7401443478vw + 3.9426152348rem), 20.25rem);
|
|
614
624
|
--section-space-xs: clamp(2.7013505064rem, calc(1.4115755365vw + 2.1931833133rem), 4rem);
|
|
615
625
|
--section-space-xxl: clamp(11.3692465776rem, calc(20.658427633vw + 3.9322126297rem), 30.375rem);
|
|
626
|
+
--semi-dark-medium: #595959;
|
|
616
627
|
--shade-black: #000;
|
|
617
628
|
--shade-white: #fff;
|
|
629
|
+
--space-48: clamp(2.8rem, calc(2.09vw + 2.15rem), 4.8rem);
|
|
630
|
+
--space-60: clamp(3.2rem, calc(3.65vw + 1.83rem), 6.0rem);
|
|
631
|
+
--space-80: clamp(4.0rem, calc(5.22vw + 2.05rem), 8.0rem);
|
|
618
632
|
--space-l: clamp(1.6rem, calc(0.52vw + 1.45rem), 2.0rem);
|
|
619
633
|
--space-m: clamp(1.2rem, calc(0.52vw + 1.05rem), 1.6rem);
|
|
620
634
|
--space-s: clamp(0.8rem, 0.8rem, 0.8rem);
|
|
621
635
|
--space-xl: clamp(1.8rem, calc(0.78vw + 1.58rem), 2.4rem);
|
|
622
636
|
--space-xs: clamp(0.4rem, 0.4rem, 0.4rem);
|
|
623
637
|
--space-xxl: clamp(2.4rem, calc(1.04vw + 2.11rem), 3.2rem);
|
|
638
|
+
--square-icon: clamp(3rem, 1.2rem + 6vw, 6rem);
|
|
624
639
|
--sticky-l: 10%;
|
|
625
640
|
--sticky-m: 5%;
|
|
626
641
|
--sticky-s: 2.5%;
|
|
@@ -770,6 +785,7 @@
|
|
|
770
785
|
--transition-delay: 0s;
|
|
771
786
|
--transition-duration: 0.3s;
|
|
772
787
|
--transition-timing: ease-in-out;
|
|
788
|
+
--website-max-width: 2000px;
|
|
773
789
|
--white: #F8F8F8;
|
|
774
790
|
--white-trans-10: rgba(255, 255, 255, 0.1);
|
|
775
791
|
--white-trans-20: rgba(255, 255, 255, 0.2);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@datrix-team-product/website-ds",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.3",
|
|
4
4
|
"description": "Design tokens for the Datrix website design system \u2014 evidence-based reconstruction (AGENTS.md). Scoped name confirmed (Gate G3 D10).",
|
|
5
5
|
"license": "SEE LICENSE IN ../../LICENSE",
|
|
6
6
|
"type": "module",
|