@muraldevkit/ds-foundation 2.16.0-dev-OgkF.1 → 2.16.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.
- package/dist/fonts.css +1 -0
- package/dist/fonts.css.map +1 -1
- package/dist/fonts.min.css.map +1 -1
- package/dist/foundation.css +1 -0
- package/dist/foundation.css.map +1 -1
- package/dist/foundation.min.css.map +1 -1
- package/package.json +1 -1
- package/src/styles/focus.scss +159 -18
package/dist/fonts.css
CHANGED
package/dist/fonts.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../src/styles/focus.scss","../src/styles/fonts.scss","../src/styles/_mixins.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../src/styles/focus.scss","../src/styles/fonts.scss","../src/styles/_mixins.scss"],"names":[],"mappings":"AAIA;AAEA;EACC;;;ACHD;ACUC;EACC,aDCa;ECAb,YAHyE;EAIzE,aDXqB;ECYrB;;AAJD;EACC,aDCa;ECAb,YAHyE;EAIzE,aDXqB;ECYrB;;AAJD;EACC,aDCa;ECAb,YAHyE;EAIzE,aDXqB;ECYrB;;AAJD;EACC,aDCa;ECAb,YAHyE;EAIzE,aDXqB;ECYrB;;ADGF;ACPC;EACC,aDea;ECdb,YAHyE;EAIzE,aDKwB;ECJxB;;AAJD;EACC,aDea;ECdb,YAHyE;EAIzE,aDKwB;ECJxB","file":"fonts.css"}
|
package/dist/fonts.min.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../src/styles/focus.scss","../src/styles/_mixins.scss","../src/styles/fonts.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../src/styles/focus.scss","../src/styles/_mixins.scss","../src/styles/fonts.scss"],"names":[],"mappings":"AAMA,qBACC,kBCOA,WACC,YCCa,qBDH4D,OAIzE,YCXqB,IDYrB,4EAJD,WACC,YCCa,qBDH4D,OAIzE,YCXqB,IDYrB,2EAJD,WACC,YCCa,qBDH4D,OAIzE,YCXqB,IDYrB,yEAJD,WACC,YCCa,qBDH4D,OAIzE,YCXqB,IDYrB,0EAJD,WACC,YCea,UDdb,WAHyE,OAIzE,YCKwB,IDJxB,+EAJD,WACC,YCea,UDdb,WAHyE,OAIzE,YCKwB,IDJxB","file":"fonts.min.css"}
|
package/dist/foundation.css
CHANGED
package/dist/foundation.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../src/styles/global-variables/border.scss","../src/styles/global-variables/color.scss","../src/styles/global-variables/motion.scss","../src/styles/global-variables/shadows.scss","../src/styles/global-variables/spacing.scss","../src/styles/global-variables/typography.scss","../src/styles/contextual-variables/color.scss","../src/styles/contextual-variables/spacing.scss","../src/styles/contextual-variables/border.scss","../src/styles/contextual-variables/typography.scss","../src/styles/contextual-variables/shadows.scss","../src/styles/focus.scss","../src/styles/baseline.scss","../src/styles/spacing.scss","../src/styles/_mixins.scss","../src/styles/typography.scss","../src/styles/skeletons/button.scss"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../src/styles/global-variables/border.scss","../src/styles/global-variables/color.scss","../src/styles/global-variables/motion.scss","../src/styles/global-variables/shadows.scss","../src/styles/global-variables/spacing.scss","../src/styles/global-variables/typography.scss","../src/styles/contextual-variables/color.scss","../src/styles/contextual-variables/spacing.scss","../src/styles/contextual-variables/border.scss","../src/styles/contextual-variables/typography.scss","../src/styles/contextual-variables/shadows.scss","../src/styles/focus.scss","../src/styles/baseline.scss","../src/styles/spacing.scss","../src/styles/_mixins.scss","../src/styles/typography.scss","../src/styles/skeletons/button.scss"],"names":[],"mappings":"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","file":"foundation.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../src/styles/global-variables/border.scss","../src/styles/global-variables/color.scss","../src/styles/global-variables/motion.scss","../src/styles/global-variables/shadows.scss","../src/styles/global-variables/spacing.scss","../src/styles/global-variables/typography.scss","../src/styles/contextual-variables/color.scss","../src/styles/contextual-variables/spacing.scss","../src/styles/contextual-variables/border.scss","../src/styles/contextual-variables/typography.scss","../src/styles/contextual-variables/shadows.scss","../src/styles/focus.scss","../src/styles/baseline.scss","../src/styles/spacing.scss","../src/styles/_mixins.scss","../src/styles/typography.scss","../src/styles/skeletons/button.scss"],"names":[],"mappings":"AA8BA,MAEE,qKAIA,+DCsRF,MAEE,s+IAKC,oQAIF,0CACA,gDACA,gDACA,+CACA,+CACA,+CACA,+CACA,8CCpTD,MAGE,qQAKA,mGAKA,8CChBF,MAEE,wYCGF,MAEE,8wBCkCF,MACC,mBACA,gCACA,gCAIC,6yBAKA,iUAKA,mJAKA,uIC+EF,MAGE,8hJAKA,wTAID,gDAGA,oEACA,0ECtID,MAGC,8BAIC,21CAMD,yEAGA,qFAPA,0CATD,MAUE,0DCdF,MAGC,kCAIC,gPAKA,ydAiCC,02CAcD,qKCOF,MACC,uDACA,0DACA,yDAIC,0nBAKA,oyCAKA,ybAKA,2iBAKD,wEACA,8DAKD,qCACC,MAGE,yXAKA,6LAKA,iECnIH,MAEE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../src/styles/global-variables/border.scss","../src/styles/global-variables/color.scss","../src/styles/global-variables/motion.scss","../src/styles/global-variables/shadows.scss","../src/styles/global-variables/spacing.scss","../src/styles/global-variables/typography.scss","../src/styles/contextual-variables/color.scss","../src/styles/contextual-variables/spacing.scss","../src/styles/contextual-variables/border.scss","../src/styles/contextual-variables/typography.scss","../src/styles/contextual-variables/shadows.scss","../src/styles/focus.scss","../src/styles/baseline.scss","../src/styles/spacing.scss","../src/styles/_mixins.scss","../src/styles/typography.scss","../src/styles/skeletons/button.scss"],"names":[],"mappings":"AA8BA,MAEE,qKAIA,+DCsRF,MAEE,s+IAKC,oQAIF,0CACA,gDACA,gDACA,+CACA,+CACA,+CACA,+CACA,8CCpTD,MAGE,qQAKA,mGAKA,8CChBF,MAEE,wYCGF,MAEE,8wBCkCF,MACC,mBACA,gCACA,gCAIC,6yBAKA,iUAKA,mJAKA,uIC+EF,MAGE,8hJAKA,wTAID,gDAGA,oEACA,0ECtID,MAGC,8BAIC,21CAMD,yEAGA,qFAPA,0CATD,MAUE,0DCdF,MAGC,kCAIC,gPAKA,ydAiCC,02CAcD,qKCOF,MACC,uDACA,0DACA,yDAIC,0nBAKA,oyCAKA,ybAKA,2iBAKD,wEACA,8DAKD,qCACC,MAGE,yXAKA,6LAKA,iECnIH,MAEE,8OCnBF,qBACC,kBCED,qXAuEC,SACA,SACA,UACA,wBAGD,+BAQC,SACA,oBACA,SACA,UACA,wBAID,8EAWC,cAGD,MAEC,gBAGD,aAEC,YAGD,wDAIC,aAGD,MACC,yBACA,iBAKD,KACC,SACA,sBACA,aACA,iCACA,qCACA,mCACA,SACA,UACA,wBAGD,kBACC,oCAGD,qBAGC,mBCtJD,+BCgHC,QANmB,KDtGpB,sCC4GC,QAHoB,YDrGrB,6BCoFC,mBACA,QAPmB,KASnB,+BACC,oBDpFF,oCCgFC,mBACA,QAJoB,YAMpB,sCACC,oBC9FD,+BDgCA,iCACA,2CACA,+CACA,0DACA,2DCpCA,8BDgCA,iCACA,0CACA,+CACA,4CACA,0DCpCA,+BDgCA,iCACA,oCACA,+CACA,4CACA,oDCpCA,8BDgCA,iCACA,0CACA,+CACA,4CACA,0DC/BD,6BDqEC,gDACA,oDEnBD,MACC,kEACA,gEAaA,wKA1CA,WA7B4B,sBAgC3B,UAhC2B,sBA4C5B,uDACA,8CACA,gBACA,oBACA,oBACA,iCACA,oBACA,mBA6BA,sbAMC,0EAMF,qDA/DC,WA5B0B,sBAgG3B,4BApEC,WA5B0B,sBA+BzB,UA/ByB,sBAqG3B,qDAzEC,WAxB0B,oDAsG3B,4BA9EC,WAxB0B,oDA2BzB,UA3ByB,oDA2G3B,0FAnFC,WAvB2B,sBA0B1B,UA1B0B","file":"foundation.min.css"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@muraldevkit/ds-foundation",
|
|
3
|
-
"version": "2.16.0
|
|
3
|
+
"version": "2.16.0",
|
|
4
4
|
"description": "Mural's design system's Foundation package containing our design language features used across all components",
|
|
5
5
|
"license": "https://www.mural.co/terms/developer-addendum",
|
|
6
6
|
"scripts": {
|
package/src/styles/focus.scss
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
@use
|
|
1
|
+
@use 'sass:string';
|
|
2
2
|
@use './contextual-variables/z-index.scss' as *;
|
|
3
3
|
|
|
4
|
+
// stylelint and prettier are fighting in this file so we are ignoring this rule
|
|
5
|
+
/* stylelint-disable scss/operator-no-newline-after */
|
|
6
|
+
|
|
4
7
|
.mrl-u-focus-wrapper {
|
|
5
8
|
position: relative;
|
|
6
9
|
}
|
|
@@ -28,7 +31,16 @@
|
|
|
28
31
|
/// @example @include mrl-focus($is-inverse: 'true'); // Generates an inverse outline
|
|
29
32
|
/// Generate the element version in the default color on a control element that has a border using the after pseudo element
|
|
30
33
|
/// @example @include mrl-focus('element', 'false', 'var(--mrl-border-radius-control)', 'after');
|
|
31
|
-
@mixin mrl-focus(
|
|
34
|
+
@mixin mrl-focus(
|
|
35
|
+
$style: 'element',
|
|
36
|
+
$is-inverse: 'false',
|
|
37
|
+
$element-radius: 'var(--mrl-border-radius-functional)',
|
|
38
|
+
$pseudo-element: 'after',
|
|
39
|
+
$is-inline-element: 'false',
|
|
40
|
+
$focus-selector: ':focus-visible',
|
|
41
|
+
$border-width: '0px',
|
|
42
|
+
$position: 'relative'
|
|
43
|
+
) {
|
|
32
44
|
$color-token: '';
|
|
33
45
|
|
|
34
46
|
@if $is-inverse == 'true' {
|
|
@@ -51,8 +63,11 @@
|
|
|
51
63
|
|
|
52
64
|
&#{string.unquote($focus-selector)} {
|
|
53
65
|
@if $style == 'outline' {
|
|
54
|
-
|
|
55
|
-
|
|
66
|
+
animation-duration: var(--mrl-duration-03);
|
|
67
|
+
animation-fill-mode: forwards;
|
|
68
|
+
animation-iteration-count: 1;
|
|
69
|
+
animation-name: outline-animation;
|
|
70
|
+
animation-timing-function: var(--mrl-timing-m3);
|
|
56
71
|
}
|
|
57
72
|
|
|
58
73
|
@if $style == 'element' {
|
|
@@ -60,10 +75,32 @@
|
|
|
60
75
|
outline: none;
|
|
61
76
|
|
|
62
77
|
&::#{string.unquote($pseudo-element)} {
|
|
63
|
-
@include mrl-focus-pseudo-element(
|
|
78
|
+
@include mrl-focus-pseudo-element(
|
|
79
|
+
$element-radius,
|
|
80
|
+
$color-token,
|
|
81
|
+
$border-width,
|
|
82
|
+
$is-inverse
|
|
83
|
+
);
|
|
64
84
|
}
|
|
65
85
|
}
|
|
66
86
|
}
|
|
87
|
+
|
|
88
|
+
@keyframes outline-animation {
|
|
89
|
+
0% {
|
|
90
|
+
outline: 0 solid transparent;
|
|
91
|
+
outline-offset: 1px;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
50% {
|
|
95
|
+
outline: 4px solid var(--mrl-color-focus#{$color-token});
|
|
96
|
+
outline-offset: 1px;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
100% {
|
|
100
|
+
outline: 2px solid var(--mrl-color-focus#{$color-token});
|
|
101
|
+
outline-offset: 1px;
|
|
102
|
+
}
|
|
103
|
+
}
|
|
67
104
|
}
|
|
68
105
|
|
|
69
106
|
/// Used to create a consistent focus indicator for shadow DOM elements using the mrl-focus "element" technique
|
|
@@ -79,10 +116,40 @@
|
|
|
79
116
|
/// Available options are "false" (default) and "true"
|
|
80
117
|
///
|
|
81
118
|
/// @example :host(:focus-visible)::after { @include mrl-focus-shadow(); } // Generates the default version
|
|
82
|
-
@mixin mrl-focus-pseudo-element(
|
|
119
|
+
@mixin mrl-focus-pseudo-element(
|
|
120
|
+
$element-radius: 'var(--mrl-border-radius-functional)',
|
|
121
|
+
$color-token: '',
|
|
122
|
+
$border-width: '0px',
|
|
123
|
+
$is-inverse: 'false'
|
|
124
|
+
) {
|
|
83
125
|
animation-duration: var(--mrl-duration-03);
|
|
84
126
|
animation-fill-mode: forwards;
|
|
85
127
|
animation-iteration-count: 1;
|
|
128
|
+
animation-timing-function: var(--mrl-timing-m3);
|
|
129
|
+
border: 0 solid transparent;
|
|
130
|
+
border-radius: calc(
|
|
131
|
+
#{string.unquote($element-radius)} + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
132
|
+
);
|
|
133
|
+
bottom: calc(
|
|
134
|
+
(var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + #{string.unquote($border-width)}) *
|
|
135
|
+
-1
|
|
136
|
+
);
|
|
137
|
+
content: '';
|
|
138
|
+
display: block;
|
|
139
|
+
left: calc(
|
|
140
|
+
(var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + #{string.unquote($border-width)}) *
|
|
141
|
+
-1
|
|
142
|
+
);
|
|
143
|
+
position: absolute;
|
|
144
|
+
right: calc(
|
|
145
|
+
(var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + #{string.unquote($border-width)}) *
|
|
146
|
+
-1
|
|
147
|
+
);
|
|
148
|
+
top: calc(
|
|
149
|
+
(var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + #{string.unquote($border-width)}) *
|
|
150
|
+
-1
|
|
151
|
+
);
|
|
152
|
+
z-index: $mrl-zIndex-focus;
|
|
86
153
|
@if $is-inverse == 'true' {
|
|
87
154
|
animation-name: border-animation-inverse;
|
|
88
155
|
} @else if $color-token != '' {
|
|
@@ -91,35 +158,109 @@
|
|
|
91
158
|
animation-name: border-animation;
|
|
92
159
|
}
|
|
93
160
|
|
|
94
|
-
animation-timing-function: var(--mrl-timing-m2);
|
|
95
|
-
border: var(--mrl-line-width-focus) solid transparent;
|
|
96
|
-
border-radius: calc(#{string.unquote($element-radius)} + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus));
|
|
97
|
-
bottom: calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + #{string.unquote($border-width)}) * -1);
|
|
98
|
-
content: '';
|
|
99
|
-
display: block;
|
|
100
|
-
left: calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + #{string.unquote($border-width)}) * -1);
|
|
101
|
-
position: absolute;
|
|
102
|
-
right: calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + #{string.unquote($border-width)}) * -1);
|
|
103
|
-
top: calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + #{string.unquote($border-width)}) * -1);
|
|
104
|
-
z-index: $mrl-zIndex-focus;
|
|
105
|
-
|
|
106
161
|
@keyframes border-animation {
|
|
107
162
|
0% {
|
|
108
163
|
border-color: transparent;
|
|
164
|
+
border-width: 0;
|
|
165
|
+
bottom: var(--mrl-space-offset-focus);
|
|
166
|
+
left: var(--mrl-space-offset-focus);
|
|
167
|
+
right: var(--mrl-space-offset-focus);
|
|
168
|
+
top: var(--mrl-space-offset-focus);
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
50% {
|
|
172
|
+
border-color: var(--mrl-color-focus);
|
|
173
|
+
border-width: 0.25rem;
|
|
174
|
+
bottom: calc((var(--mrl-spacing-02) * -1));
|
|
175
|
+
left: calc((var(--mrl-spacing-02) * -1));
|
|
176
|
+
right: calc((var(--mrl-spacing-02) * -1));
|
|
177
|
+
top: calc((var(--mrl-spacing-02) * -1));
|
|
109
178
|
}
|
|
110
179
|
|
|
111
180
|
100% {
|
|
112
181
|
border-color: var(--mrl-color-focus);
|
|
182
|
+
border-width: var(--mrl-line-width-focus);
|
|
183
|
+
bottom: calc(
|
|
184
|
+
(
|
|
185
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + #{string.unquote(
|
|
186
|
+
$border-width
|
|
187
|
+
)}
|
|
188
|
+
) * -1
|
|
189
|
+
);
|
|
190
|
+
left: calc(
|
|
191
|
+
(
|
|
192
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + #{string.unquote(
|
|
193
|
+
$border-width
|
|
194
|
+
)}
|
|
195
|
+
) * -1
|
|
196
|
+
);
|
|
197
|
+
right: calc(
|
|
198
|
+
(
|
|
199
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + #{string.unquote(
|
|
200
|
+
$border-width
|
|
201
|
+
)}
|
|
202
|
+
) * -1
|
|
203
|
+
);
|
|
204
|
+
top: calc(
|
|
205
|
+
(
|
|
206
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + #{string.unquote(
|
|
207
|
+
$border-width
|
|
208
|
+
)}
|
|
209
|
+
) * -1
|
|
210
|
+
);
|
|
113
211
|
}
|
|
114
212
|
}
|
|
115
213
|
|
|
116
214
|
@keyframes border-animation-inverse {
|
|
117
215
|
0% {
|
|
118
216
|
border-color: transparent;
|
|
217
|
+
border-width: 0;
|
|
218
|
+
bottom: var(--mrl-space-offset-focus);
|
|
219
|
+
left: var(--mrl-space-offset-focus);
|
|
220
|
+
right: var(--mrl-space-offset-focus);
|
|
221
|
+
top: var(--mrl-space-offset-focus);
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
50% {
|
|
225
|
+
border-color: var(--mrl-color-focus-inverse);
|
|
226
|
+
border-width: 0.25rem;
|
|
227
|
+
bottom: calc((var(--mrl-spacing-02) * -1));
|
|
228
|
+
left: calc((var(--mrl-spacing-02) * -1));
|
|
229
|
+
right: calc((var(--mrl-spacing-02) * -1));
|
|
230
|
+
top: calc((var(--mrl-spacing-02) * -1));
|
|
119
231
|
}
|
|
120
232
|
|
|
121
233
|
100% {
|
|
122
234
|
border-color: var(--mrl-color-focus-inverse);
|
|
235
|
+
border-width: var(--mrl-line-width-focus);
|
|
236
|
+
bottom: calc(
|
|
237
|
+
(
|
|
238
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + #{string.unquote(
|
|
239
|
+
$border-width
|
|
240
|
+
)}
|
|
241
|
+
) * -1
|
|
242
|
+
);
|
|
243
|
+
left: calc(
|
|
244
|
+
(
|
|
245
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + #{string.unquote(
|
|
246
|
+
$border-width
|
|
247
|
+
)}
|
|
248
|
+
) * -1
|
|
249
|
+
);
|
|
250
|
+
right: calc(
|
|
251
|
+
(
|
|
252
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + #{string.unquote(
|
|
253
|
+
$border-width
|
|
254
|
+
)}
|
|
255
|
+
) * -1
|
|
256
|
+
);
|
|
257
|
+
top: calc(
|
|
258
|
+
(
|
|
259
|
+
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + #{string.unquote(
|
|
260
|
+
$border-width
|
|
261
|
+
)}
|
|
262
|
+
) * -1
|
|
263
|
+
);
|
|
123
264
|
}
|
|
124
265
|
}
|
|
125
266
|
}
|