@kickstartds/ds-agency-premium 1.3.50 → 1.3.51--canary.674.14f816b.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 (48) hide show
  1. package/dist/{BlogPostProps-440f88a5.d.ts → BlogPostProps-f9a49428.d.ts} +1 -1
  2. package/dist/{FooterProps-10c950a6.d.ts → FooterProps-22e0307b.d.ts} +6 -0
  3. package/dist/{HeaderProps-7be94a61.d.ts → HeaderProps-dd2071a8.d.ts} +16 -2
  4. package/dist/{SectionProps-83d399b4.d.ts → SectionProps-03ff6d21.d.ts} +1 -1
  5. package/dist/components/blog-overview/index.d.ts +1 -1
  6. package/dist/components/blog-post/index.d.ts +1 -1
  7. package/dist/components/footer/footer.schema.dereffed.json +37 -3
  8. package/dist/components/footer/index.d.ts +1 -1
  9. package/dist/components/header/header.css +3 -1
  10. package/dist/components/header/header.schema.dereffed.json +45 -7
  11. package/dist/components/header/header.schema.json +5 -3
  12. package/dist/components/header/index.d.ts +1 -1
  13. package/dist/components/header/index.js +10 -6
  14. package/dist/components/image-story/index.d.ts +1 -1
  15. package/dist/components/index/index.d.ts +5 -5
  16. package/dist/components/nav-dropdown/index.d.ts +23 -0
  17. package/dist/components/nav-dropdown/index.js +10 -0
  18. package/dist/components/nav-dropdown/nav-dropdown.css +45 -0
  19. package/dist/components/nav-flyout/index.d.ts +8 -0
  20. package/dist/components/nav-flyout/index.js +17 -0
  21. package/dist/components/nav-flyout/nav-flyout.css +97 -0
  22. package/dist/components/nav-main/index.d.ts +33 -7
  23. package/dist/components/nav-main/index.js +14 -14
  24. package/dist/components/nav-main/nav-main.schema.dereffed.json +71 -3
  25. package/dist/components/nav-main/nav-main.schema.json +53 -4
  26. package/dist/components/nav-toggle/index.d.ts +3 -0
  27. package/dist/components/nav-toggle/index.js +6 -0
  28. package/dist/components/nav-topbar/index.d.ts +7 -0
  29. package/dist/components/nav-topbar/index.js +12 -0
  30. package/dist/components/nav-topbar/nav-topbar.css +82 -0
  31. package/dist/components/page-wrapper/tokens.css +1 -1
  32. package/dist/components/presets.json +31 -6
  33. package/dist/components/section/index.d.ts +1 -1
  34. package/dist/components/settings/settings.schema.dereffed.json +82 -10
  35. package/dist/tokens/themes.css +4 -4
  36. package/dist/tokens/tokens.css +1 -1
  37. package/dist/tokens/tokens.js +1 -1
  38. package/package.json +1 -1
  39. package/dist/components/nav-main/nav-main.css +0 -194
  40. /package/dist/{BlogOverviewProps-f385fc47.d.ts → BlogOverviewProps-525f7f9f.d.ts} +0 -0
  41. /package/dist/{ImageStoryProps-e853e1e7.d.ts → ImageStoryProps-03ff6d21.d.ts} +0 -0
  42. /package/dist/components/{nav-main → nav}/js/NavToggle.client.d.ts +0 -0
  43. /package/dist/components/{nav-main → nav}/js/NavToggle.client.js +0 -0
  44. /package/dist/components/{nav-main → nav}/js/body.client.d.ts +0 -0
  45. /package/dist/components/{nav-main → nav}/js/body.client.js +0 -0
  46. /package/dist/components/{nav-main → nav}/js/navMainEvents.client.d.ts +0 -0
  47. /package/dist/components/{nav-main → nav}/js/navMainEvents.client.js +0 -0
  48. /package/dist/components/{nav-main → nav-toggle}/nav-toggle.css +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kickstartds/ds-agency-premium",
3
- "version": "1.3.50",
3
+ "version": "1.3.51--canary.674.14f816b.0",
4
4
  "description": "",
5
5
  "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
6
6
  "bugs": {
@@ -1,194 +0,0 @@
1
- .dsa-nav-main {
2
- --dsa-nav-main--background: linear-gradient(
3
- 125deg,
4
- var(--ks-background-color-default),
5
- var(--ks-color-primary-to-bg-6)
6
- );
7
- --dsa-nav-main__link--color: var(--ks-color-fg);
8
- --dsa-nav-main__link--opacity_hover: 0.6;
9
- --dsa-nav-main__link--color_active: var(--ks-text-color-interface-interactive-active);
10
- --dsa-nav-main__link--font: var(--ks-font-interface-l);
11
- --dsa-nav-main__link--font-weight: var(--ks-font-weight-semi-bold);
12
- --dsa-nav-main__link--font-weight_active: var(--ks-font-weight-semi-bold);
13
- --dsa-nav-main_floating__link--color: var(--ks-color-fg);
14
- --dsa-nav-main_floating__link--color_active: var(--ks-color-fg);
15
- --dsa-nav-main_floating__link--opacity_hover: 0.6;
16
- --dsa-nav-main__link--padding: 0.35em 0;
17
- --dsa-nav-main--shadow: 50px 0px 50px 50px rgba(0, 0, 0, 0.539);
18
- }
19
- @media (min-width: 62em) {
20
- .dsa-nav-main {
21
- --dsa-nav-main__link--padding: 0 0.75em;
22
- --dsa-nav-main__link--font: var(--ks-font-interface-m);
23
- }
24
- }
25
-
26
- .dsa-nav-main {
27
- --g-link--text-decoration: none;
28
- --g-link--text-decoration_hover: none;
29
- display: flex;
30
- flex-direction: column;
31
- justify-content: flex-start;
32
- }
33
- .dsa-nav-main--active .dsa-nav-main__item .dsa-nav-main__link {
34
- color: var(--dsa-nav-main__link--color);
35
- }
36
- .dsa-nav-main--active .dsa-nav-main__item--active .dsa-nav-main__link {
37
- color: var(--dsa-nav-main__link--color_active);
38
- font-weight: var(--dsa-nav-main__link--font-weight_active);
39
- }
40
- .dsa-nav-main ul {
41
- /* critical:start */
42
- box-sizing: border-box;
43
- margin: 0;
44
- padding: 0;
45
- list-style: none;
46
- /* critical:end */
47
- }
48
- .dsa-nav-main ul li {
49
- display: block;
50
- margin: 0;
51
- }
52
- .dsa-nav-main__item {
53
- position: relative;
54
- }
55
- .dsa-nav-main__list:hover .dsa-nav-main__link {
56
- opacity: var(--dsa-nav-main__link--opacity_hover);
57
- }
58
- .dsa-nav-main .dsa-nav-main__item a.dsa-nav-main__link {
59
- /* critical:start */
60
- font: var(--dsa-nav-main__link--font);
61
- font-weight: var(--dsa-nav-main__link--font-weight);
62
- color: var(--dsa-nav-main__link--color);
63
- position: relative;
64
- display: block;
65
- padding: var(--dsa-nav-main__link--padding);
66
- /* critical:end */
67
- }
68
- .dsa-nav-main .dsa-nav-main__item a.dsa-nav-main__link:hover {
69
- opacity: 1;
70
- color: var(--dsa-nav-main__link--color_active);
71
- }
72
- .dsa-nav-main .dsa-nav-main__item a.dsa-nav-main__link:active {
73
- color: var(--dsa-nav-main__link--color_active);
74
- }
75
- .dsa-nav-main__logo {
76
- padding: var(--dsa-header--spacing-v) 0;
77
- }
78
- .dsa-nav-main__wrap {
79
- flex-grow: 0;
80
- flex-shrink: 1;
81
- }
82
- .dsa-nav-main.dsa-nav-main--flyout {
83
- display: none;
84
- }
85
- @media (max-width: 62em) {
86
- .dsa-nav-main.dsa-nav-main--flyout {
87
- display: block;
88
- /* critical:start */
89
- left: -100%;
90
- /* critical:end */
91
- height: 100vh;
92
- overflow: hidden;
93
- position: fixed;
94
- width: 77vw;
95
- max-width: 23rem;
96
- transition: all var(--ks-duration-slow);
97
- padding: 0 var(--l-section--content-padding);
98
- right: 0;
99
- bottom: 0;
100
- top: 0;
101
- overflow-y: auto;
102
- background: var(--dsa-nav-main--background);
103
- backface-visibility: hidden;
104
- -webkit-overflow-scrolling: touch;
105
- box-shadow: 20px 0px 30px rgba(0, 0, 0, 0);
106
- }
107
- .dsa-nav-main.dsa-nav-main--flyout__item--icon {
108
- border: 0;
109
- clip: rect(1px, 1px, 1px, 1px);
110
- clip-path: inset(100%);
111
- height: 1px;
112
- overflow: hidden;
113
- padding: 0;
114
- position: absolute;
115
- white-space: nowrap;
116
- width: 1px;
117
- }
118
- .overlay-open .dsa-nav-main.dsa-nav-main--flyout {
119
- left: 0;
120
- box-shadow: var(--dsa-nav-main--shadow);
121
- }
122
- .dsa-nav-main.dsa-nav-main--flyout > .dsa-nav-main__logo {
123
- margin-top: var(--dsa-header--spacing-vertical);
124
- margin-bottom: var(--dsa-header--spacing-vertical);
125
- }
126
- .dsa-nav-main.dsa-nav-main--flyout ul.dsa-nav-main__list {
127
- padding-top: calc(var(--dsa-header--spacing-vertical) - var(--ks-spacing-s));
128
- }
129
- .dsa-nav-main.dsa-nav-main--flyout ul.dsa-nav-main__list .dsa-nav-main--button {
130
- margin-left: var(--dsa-header--spacing-horizontal);
131
- margin-top: var(--dsa-header--spacing-vertical);
132
- }
133
- .dsa-nav-main.dsa-nav-main--flyout ul.dsa-nav-main__list .dsa-nav-main--button .button {
134
- --button--font: var(--ks-font-interface-s);
135
- }
136
- .dsa-nav-main.dsa-nav-main--flyout ul.dsa-nav-main__list .dsa-nav-main--button .button .button__content {
137
- --button--padding: 0.4rem 1rem;
138
- }
139
- }
140
- .dsa-nav-main.dsa-nav-main--topbar {
141
- display: none;
142
- }
143
- @media (min-width: 62em) {
144
- .dsa-nav-main.dsa-nav-main--topbar {
145
- display: block;
146
- /* critical:start */
147
- /* critical:end */
148
- }
149
- .dsa-nav-main.dsa-nav-main--topbar > .dsa-nav-main__logo {
150
- display: none;
151
- }
152
- .dsa-nav-main.dsa-nav-main--topbar .button--wrapper {
153
- margin-left: var(--ks-spacing-inline-xs);
154
- }
155
- .dsa-nav-main.dsa-nav-main--topbar .dsa-nav-main__wrap {
156
- display: flex;
157
- align-items: center;
158
- }
159
- .dsa-nav-main.dsa-nav-main--topbar .dsa-nav-main__list {
160
- /* critical:start */
161
- display: flex;
162
- flex-wrap: nowrap;
163
- align-items: center;
164
- /* critical:end */
165
- }
166
- .dsa-nav-main.dsa-nav-main--topbar .dsa-nav-main__list .dsa-nav-main--button .button {
167
- --button--font: var(--ks-font-interface-s);
168
- }
169
- .dsa-nav-main.dsa-nav-main--topbar .dsa-nav-main__list .dsa-nav-main--button .button span {
170
- font-size: 98%;
171
- }
172
- .dsa-header--floating .dsa-nav-main.dsa-nav-main--topbar .dsa-nav-main__list:hover .dsa-nav-main__link {
173
- opacity: var(--dsa-nav-main_floating__link--opacity_hover);
174
- }
175
- .dsa-header--floating .dsa-nav-main.dsa-nav-main--topbar .dsa-nav-main__list:hover .dsa-nav-main__link:hover {
176
- opacity: 1;
177
- }
178
- .dsa-nav-main.dsa-nav-main--topbar.dsa-nav-main__item {
179
- /* critical:start */
180
- flex-shrink: 0;
181
- /* critical:end */
182
- outline: 0;
183
- }
184
- .dsa-header--floating .dsa-nav-main.dsa-nav-main--topbar .dsa-nav-main__link {
185
- color: var(--dsa-nav-main_floating__link--color);
186
- }
187
- .dsa-header--floating .dsa-nav-main.dsa-nav-main--topbar.dsa-nav-main--active .dsa-nav-main__link {
188
- color: var(--dsa-nav-main_floating__link--color_active);
189
- }
190
- }
191
-
192
- .dsa-nav-main-toggle[aria-expanded=true] + .dsa-nav-main {
193
- display: block;
194
- }