@kickstartds/ds-agency-premium 1.6.71--canary.45.1758.0 → 1.6.71--canary.45.1762.0

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 (28) hide show
  1. package/dist/components/blog-aside/blog-aside.css +4 -4
  2. package/dist/components/blog-aside/index.js +3 -3
  3. package/dist/components/blog-post/index.d.ts +1 -1
  4. package/dist/components/blog-post/index.js +4 -2
  5. package/dist/components/contact/contact.css +8 -6
  6. package/dist/components/index/index.d.ts +1 -1
  7. package/dist/components/logos/index.js +1 -1
  8. package/dist/components/page-wrapper/tokens.css +1 -1
  9. package/dist/components/presets.json +103 -3
  10. package/dist/components/split-even/index.d.ts +69 -1
  11. package/dist/components/split-even/index.js +6 -0
  12. package/dist/components/split-even/split-even.css +95 -0
  13. package/dist/components/split-weighted/index.d.ts +101 -0
  14. package/dist/components/split-weighted/index.js +13 -0
  15. package/dist/components/split-weighted/split-weighted.css +101 -0
  16. package/dist/components/split-weighted/split-weighted.schema.dereffed.json +5950 -0
  17. package/dist/components/split-weighted/split-weighted.schema.json +210 -0
  18. package/dist/static/img/people/author-emily.png +0 -0
  19. package/dist/tokens/themes.css +4 -4
  20. package/dist/tokens/tokens.css +1 -1
  21. package/dist/tokens/tokens.js +1 -1
  22. package/package.json +1 -1
  23. package/dist/components/split/index.d.ts +0 -14
  24. package/dist/components/split/index.js +0 -17
  25. package/dist/components/split/split.css +0 -53
  26. package/dist/components/split/split.schema.dereffed.json +0 -29
  27. package/dist/components/split/split.schema.json +0 -19
  28. /package/dist/{BlogPostProps-c760fd2a.d.ts → BlogPostProps-6b3cff22.d.ts} +0 -0
package/dist/components/split-weighted/split-weighted.css ADDED
@@ -0,0 +1,101 @@
1
+ .l-split-weighted {
2
+ --dsa-split-weighted--sticky-margin: var(--ks-spacing-stack-l);
3
+ --dsa-split-weighted--v-gutter_default: var(--ks-spacing-stack-m);
4
+ --dsa-split-weighted--v-gutter_small: var(--ks-spacing-stack-l);
5
+ --dsa-split-weighted--v-gutter_large: var(--dsa-content--vertical-spacing);
6
+ --dsa-split-weighted--h-gutter_default: var(--ks-spacing-inline-l);
7
+ --dsa-split-weighted--h-gutter_small: var(--ks-spacing-inline-m);
8
+ --dsa-split-weighted--h-gutter_large: var(--ks-spacing-xxl);
9
+ --dsa-split-weighted__main--flex-basis_narrow: var(--dsa-content--width_narrow);
10
+ --dsa-split-weighted__main--flex-basis_default: var(--dsa-content--width_default);
11
+ --dsa-split-weighted__main--gutter_default: var(--ks-spacing-stack-l);
12
+ --dsa-split-weighted__main--gutter_small: var(--ks-spacing-stack-s);
13
+ --dsa-split-weighted__main--gutter_large: var(--dsa-content--vertical-spacing);
14
+ --dsa-split-weighted__context--flex-basis_narrow: var(--dsa-tile--width_small);
15
+ --dsa-split-weighted__context--flex-basis_default: var(--dsa-tile--width_medium);
16
+ --dsa-split-weighted__context--gutter_default: var(--ks-spacing-stack-s);
17
+ --dsa-split-weighted__context--gutter_small: var(--ks-spacing-stack-xs);
18
+ --dsa-split-weighted__context--gutter_large: var(--ks-spacing-stack-m);
19
+ }
20
+
21
+ .l-split-weighted {
22
+ --dsa-split-weighted--v-gutter: var(--dsa-split-weighted--v-gutter_default, var(--ks-spacing-stack-m));
23
+ --dsa-split-weighted--h-gutter: var(--dsa-split-weighted--h-gutter_default, var(--ks-spacing-inline-l));
24
+ display: flex;
25
+ flex-wrap: wrap;
26
+ gap: var(--dsa-split-weighted--v-gutter) var(--dsa-split-weighted--h-gutter);
27
+ }
28
+ .l-split-weighted--sticky {
29
+ position: relative;
30
+ }
31
+ .l-split-weighted--sticky .l-split-weighted__sticky-container {
32
+ position: sticky;
33
+ top: var(--dsa-split-weighted--sticky-margin, var(--ks-spacing-stack-l));
34
+ height: fit-content;
35
+ }
36
+ .l-split-weighted--desktop-context-first {
37
+ flex-direction: row-reverse;
38
+ }
39
+ .l-split-weighted--mobile-context-first {
40
+ flex-wrap: wrap-reverse;
41
+ }
42
+ .l-split-weighted--v-gutter-small {
43
+ --dsa-split-weighted--v-gutter: var(--dsa-split-weighted--v-gutter_small, var(--ks-spacing-stack-l));
44
+ }
45
+ .l-split-weighted--v-gutter-large {
46
+ --dsa-split-weighted--v-gutter: var(--dsa-split-weighted--v-gutter_large, var(--dsa-content--vertical-spacing));
47
+ }
48
+ .l-split-weighted--v-gutter-none {
49
+ --dsa-split-weighted--v-gutter: 0;
50
+ }
51
+ .l-split-weighted--h-gutter-small {
52
+ --dsa-split-weighted--h-gutter: var(--dsa-split-weighted--h-gutter_small, var(--ks-spacing-inline-m));
53
+ }
54
+ .l-split-weighted--h-gutter-large {
55
+ --dsa-split-weighted--h-gutter: var(--dsa-split-weighted--h-gutter_large, var(--ks-spacing-xxl));
56
+ }
57
+ .l-split-weighted--h-gutter-none {
58
+ --dsa-split-weighted--h-gutter: 0;
59
+ }
60
+ .l-split-weighted__content {
61
+ display: flex;
62
+ flex-direction: column;
63
+ }
64
+ .l-split-weighted__content .c-button {
65
+ width: fit-content;
66
+ }
67
+ .l-split-weighted__main {
68
+ flex-basis: var(--dsa-split-weighted__main--flex-basis_default, calc(var(--dsa-content--width_default) * 1));
69
+ flex-grow: 1000;
70
+ flex-shrink: 1;
71
+ gap: var(--dsa-split-weighted__main--gutter_default, var(--ks-spacing-stack-m));
72
+ }
73
+ .l-split-weighted__main--width-narrow {
74
+ flex-basis: var(--dsa-split-weighted__main--flex-basis_narrow, calc(var(--dsa-tile--width_medium) * 2));
75
+ }
76
+ .l-split-weighted__main--gutter-small {
77
+ gap: var(--dsa-split-weighted__main--gutter_small, var(--ks-spacing-stack-s));
78
+ }
79
+ .l-split-weighted__main--gutter-large {
80
+ gap: var(--dsa-split-weighted__main--gutter_large, var(--ks-spacing-stack-l));
81
+ }
82
+ .l-split-weighted__main--gutter-none {
83
+ gap: 0;
84
+ }
85
+ .l-split-weighted__context {
86
+ flex-basis: var(--dsa-split-weighted__context--flex-basis_default, var(--dsa-tile--width_large));
87
+ flex-grow: 1;
88
+ gap: var(--dsa-split-weighted__context--gutter_default, var(--ks-spacing-stack-s));
89
+ }
90
+ .l-split-weighted__context--width-narrow {
91
+ flex-basis: var(--dsa-split-weighted__context--flex-basis_narrow, var(--dsa-tile--width_small));
92
+ }
93
+ .l-split-weighted__context--gutter-small {
94
+ gap: var(--dsa-split-weighted__context--gutter_small, var(--ks-spacing-stack-xs));
95
+ }
96
+ .l-split-weighted__context--gutter-large {
97
+ gap: var(--dsa-split-weighted__context--gutter_large, var(--ks-spacing-stack-m));
98
+ }
99
+ .l-split-weighted__context--gutter-none {
100
+ gap: 0;
101
+ }