@ouds/web-orange-compact 1.1.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 (56) hide show
  1. package/LICENSE +22 -0
  2. package/NOTICE.txt +15 -0
  3. package/README.md +125 -0
  4. package/dist/css/ouds-web-bootstrap.css +28757 -0
  5. package/dist/css/ouds-web-bootstrap.css.map +1 -0
  6. package/dist/css/ouds-web-bootstrap.min.css +11 -0
  7. package/dist/css/ouds-web-bootstrap.min.css.map +1 -0
  8. package/dist/css/ouds-web-bootstrap.rtl.css +28582 -0
  9. package/dist/css/ouds-web-bootstrap.rtl.css.map +1 -0
  10. package/dist/css/ouds-web-bootstrap.rtl.min.css +11 -0
  11. package/dist/css/ouds-web-bootstrap.rtl.min.css.map +1 -0
  12. package/dist/css/ouds-web-grid.css +3598 -0
  13. package/dist/css/ouds-web-grid.css.map +1 -0
  14. package/dist/css/ouds-web-grid.min.css +11 -0
  15. package/dist/css/ouds-web-grid.min.css.map +1 -0
  16. package/dist/css/ouds-web-grid.rtl.css +3597 -0
  17. package/dist/css/ouds-web-grid.rtl.css.map +1 -0
  18. package/dist/css/ouds-web-grid.rtl.min.css +11 -0
  19. package/dist/css/ouds-web-grid.rtl.min.css.map +1 -0
  20. package/dist/css/ouds-web-reboot.css +1360 -0
  21. package/dist/css/ouds-web-reboot.css.map +1 -0
  22. package/dist/css/ouds-web-reboot.min.css +11 -0
  23. package/dist/css/ouds-web-reboot.min.css.map +1 -0
  24. package/dist/css/ouds-web-reboot.rtl.css +1329 -0
  25. package/dist/css/ouds-web-reboot.rtl.css.map +1 -0
  26. package/dist/css/ouds-web-reboot.rtl.min.css +11 -0
  27. package/dist/css/ouds-web-reboot.rtl.min.css.map +1 -0
  28. package/dist/css/ouds-web-utilities.css +11571 -0
  29. package/dist/css/ouds-web-utilities.css.map +1 -0
  30. package/dist/css/ouds-web-utilities.min.css +11 -0
  31. package/dist/css/ouds-web-utilities.min.css.map +1 -0
  32. package/dist/css/ouds-web-utilities.rtl.css +11540 -0
  33. package/dist/css/ouds-web-utilities.rtl.css.map +1 -0
  34. package/dist/css/ouds-web-utilities.rtl.min.css +11 -0
  35. package/dist/css/ouds-web-utilities.rtl.min.css.map +1 -0
  36. package/dist/css/ouds-web.css +22967 -0
  37. package/dist/css/ouds-web.css.map +1 -0
  38. package/dist/css/ouds-web.min.css +11 -0
  39. package/dist/css/ouds-web.min.css.map +1 -0
  40. package/dist/css/ouds-web.rtl.css +22804 -0
  41. package/dist/css/ouds-web.rtl.css.map +1 -0
  42. package/dist/css/ouds-web.rtl.min.css +11 -0
  43. package/dist/css/ouds-web.rtl.min.css.map +1 -0
  44. package/package.json +61 -0
  45. package/scss/ouds-web-bootstrap.scss +3 -0
  46. package/scss/ouds-web-grid.scss +64 -0
  47. package/scss/ouds-web-reboot.scss +12 -0
  48. package/scss/ouds-web-utilities.scss +21 -0
  49. package/scss/ouds-web.scss +67 -0
  50. package/scss/tokens/_component-colors-custom-props.scss +114 -0
  51. package/scss/tokens/_component.scss +459 -0
  52. package/scss/tokens/_composite.scss +124 -0
  53. package/scss/tokens/_index.scss +6 -0
  54. package/scss/tokens/_raw.scss +485 -0
  55. package/scss/tokens/_semantic-colors-custom-props.scss +316 -0
  56. package/scss/tokens/_semantic.scss +779 -0
package/scss/tokens/_semantic.scss ADDED
@@ -0,0 +1,779 @@
1
+ // Semantic applications
2
+ // Depends on raw primitive values
3
+ // OUDS Core tokens version 1.9.0
4
+ // Orange Compact Core tokens version 1.2.0
5
+ // Orange Compact System tokens version 2.3.0
6
+
7
+ // Border
8
+
9
+ // scss-docs-start ouds-semantic-border
10
+ $ouds-border-radius-default: $core-ouds-border-radius-0 !default;
11
+ $ouds-border-radius-large: $core-ouds-border-radius-300 !default;
12
+ $ouds-border-radius-medium: $core-ouds-border-radius-200 !default;
13
+ $ouds-border-radius-none: $core-ouds-border-radius-0 !default;
14
+ $ouds-border-radius-pill: $core-ouds-border-radius-9999 !default;
15
+ $ouds-border-radius-small: $core-ouds-border-radius-100 !default;
16
+ $ouds-border-style-default: $core-ouds-border-style-solid !default;
17
+ $ouds-border-style-drag: $core-ouds-border-style-dashed !default;
18
+ $ouds-border-width-default: $core-ouds-border-width-25 !default;
19
+ $ouds-border-width-focus: $core-ouds-border-width-125 !default;
20
+ $ouds-border-width-focus-inset: $core-ouds-border-width-50 !default;
21
+ $ouds-border-width-medium: $core-ouds-border-width-50 !default;
22
+ $ouds-border-width-none: $core-ouds-border-width-0 !default;
23
+ $ouds-border-width-thick: $core-ouds-border-width-75 !default;
24
+ $ouds-border-width-thicker: $core-ouds-border-width-100 !default;
25
+ $ouds-border-width-thin: $core-ouds-border-width-25 !default;
26
+ // scss-docs-end ouds-semantic-border
27
+
28
+ // Color
29
+
30
+ // scss-docs-start ouds-semantic-color
31
+ $ouds-color-modes-navigation-bar-dark: dark !default;
32
+ $ouds-color-modes-navigation-bar-light: dark !default;
33
+ $ouds-color-modes-on-bg-inverse-high-dark: light !default;
34
+ $ouds-color-modes-on-bg-inverse-high-light: dark !default;
35
+ $ouds-color-modes-on-bg-inverse-low-dark: dark !default;
36
+ $ouds-color-modes-on-bg-inverse-low-light: dark !default;
37
+ $ouds-color-modes-on-bg-primary-dark: dark !default;
38
+ $ouds-color-modes-on-bg-primary-light: light !default;
39
+ $ouds-color-modes-on-bg-secondary-dark: dark !default;
40
+ $ouds-color-modes-on-bg-secondary-light: light !default;
41
+ $ouds-color-modes-on-bg-tertiary-dark: dark !default;
42
+ $ouds-color-modes-on-bg-tertiary-light: light !default;
43
+ $ouds-color-modes-on-brand-primary-dark: mono-light !default;
44
+ $ouds-color-modes-on-brand-primary-light: mono-light !default;
45
+ $ouds-color-modes-on-brand-secondary-dark: ⛔️ !default;
46
+ $ouds-color-modes-on-brand-secondary-light: ⛔️ !default;
47
+ $ouds-color-modes-on-brand-tertiary-dark: ⛔️ !default;
48
+ $ouds-color-modes-on-brand-tertiary-light: ⛔️ !default;
49
+ $ouds-color-modes-on-overlay-dropdown-dark: dark !default;
50
+ $ouds-color-modes-on-overlay-dropdown-light: light !default;
51
+ $ouds-color-modes-on-overlay-modal-dark: dark !default;
52
+ $ouds-color-modes-on-overlay-modal-light: light !default;
53
+ $ouds-color-modes-on-overlay-tooltip-dark: dark !default;
54
+ $ouds-color-modes-on-overlay-tooltip-light: dark !default;
55
+ $ouds-color-modes-on-status-accent-emphasized-dark: mono-light !default;
56
+ $ouds-color-modes-on-status-accent-emphasized-light: mono-light !default;
57
+ $ouds-color-modes-on-status-accent-muted-dark: dark !default;
58
+ $ouds-color-modes-on-status-accent-muted-light: light !default;
59
+ $ouds-color-modes-on-status-info-emphasized-dark: mono-light !default;
60
+ $ouds-color-modes-on-status-info-emphasized-light: mono-dark !default;
61
+ $ouds-color-modes-on-status-info-muted-dark: dark !default;
62
+ $ouds-color-modes-on-status-info-muted-light: light !default;
63
+ $ouds-color-modes-on-status-negative-emphasized-dark: mono-light !default;
64
+ $ouds-color-modes-on-status-negative-emphasized-light: mono-dark !default;
65
+ $ouds-color-modes-on-status-negative-muted-dark: dark !default;
66
+ $ouds-color-modes-on-status-negative-muted-light: light !default;
67
+ $ouds-color-modes-on-status-positive-emphasized-dark: mono-light !default;
68
+ $ouds-color-modes-on-status-positive-emphasized-light: mono-dark !default;
69
+ $ouds-color-modes-on-status-positive-muted-dark: dark !default;
70
+ $ouds-color-modes-on-status-positive-muted-light: light !default;
71
+ $ouds-color-modes-on-status-warning-emphasized-dark: mono-light !default;
72
+ $ouds-color-modes-on-status-warning-emphasized-light: mono-light !default;
73
+ $ouds-color-modes-on-status-warning-muted-dark: dark !default;
74
+ $ouds-color-modes-on-status-warning-muted-light: light !default;
75
+ $ouds-color-modes-on-surface-inverse-high-dark: light !default;
76
+ $ouds-color-modes-on-surface-inverse-high-light: dark !default;
77
+ $ouds-color-modes-on-surface-inverse-low-dark: dark !default;
78
+ $ouds-color-modes-on-surface-inverse-low-light: dark !default;
79
+ $ouds-color-modes-on-surface-primary-dark: dark !default;
80
+ $ouds-color-modes-on-surface-primary-light: light !default;
81
+ $ouds-color-modes-on-surface-secondary-dark: dark !default;
82
+ $ouds-color-modes-on-surface-secondary-light: light !default;
83
+ $ouds-color-modes-on-surface-tertiary-dark: dark !default;
84
+ $ouds-color-modes-on-surface-tertiary-light: light !default;
85
+ $ouds-color-action-disabled-dark: $core-ouds-color-opacity-white-200 !default;
86
+ $ouds-color-action-disabled-light: $core-ouds-color-opacity-black-200 !default;
87
+ $ouds-color-action-enabled-dark: $core-ouds-color-functional-gray-light-160 !default;
88
+ $ouds-color-action-enabled-light: $core-ouds-color-functional-black !default;
89
+ $ouds-color-action-focus-dark: $core-ouds-color-opacity-white-640 !default;
90
+ $ouds-color-action-focus-light: $core-ouds-color-opacity-black-680 !default;
91
+ $ouds-color-action-highlighted-dark: $core-ouds-color-functional-gray-light-160 !default;
92
+ $ouds-color-action-highlighted-light: $core-ouds-color-functional-black !default;
93
+ $ouds-color-action-hover-dark: $core-ouds-color-opacity-white-640 !default;
94
+ $ouds-color-action-hover-light: $core-ouds-color-opacity-black-680 !default;
95
+ $ouds-color-action-loading-dark: $core-orange-color-orange-500 !default;
96
+ $ouds-color-action-loading-light: $core-orange-color-orange-550 !default;
97
+ $ouds-color-action-negative-enabled-dark: $core-ouds-color-functional-scarlet-300 !default;
98
+ $ouds-color-action-negative-enabled-light: $core-ouds-color-functional-scarlet-600 !default;
99
+ $ouds-color-action-negative-focus-dark: $core-ouds-color-functional-scarlet-200 !default;
100
+ $ouds-color-action-negative-focus-light: $core-ouds-color-functional-scarlet-700 !default;
101
+ $ouds-color-action-negative-hover-dark: $core-ouds-color-functional-scarlet-200 !default;
102
+ $ouds-color-action-negative-hover-light: $core-ouds-color-functional-scarlet-700 !default;
103
+ $ouds-color-action-negative-loading-dark: $core-ouds-color-functional-scarlet-100 !default;
104
+ $ouds-color-action-negative-loading-light: $core-ouds-color-functional-scarlet-800 !default;
105
+ $ouds-color-action-negative-pressed-dark: $core-ouds-color-functional-scarlet-100 !default;
106
+ $ouds-color-action-negative-pressed-light: $core-ouds-color-functional-scarlet-800 !default;
107
+ $ouds-color-action-pressed-dark: $core-orange-color-orange-500 !default;
108
+ $ouds-color-action-pressed-light: $core-orange-color-orange-550 !default;
109
+ $ouds-color-action-read-only-primary-dark: $core-ouds-color-opacity-white-640 !default;
110
+ $ouds-color-action-read-only-primary-light: $core-ouds-color-opacity-black-680 !default;
111
+ $ouds-color-action-read-only-secondary-dark: $core-ouds-color-opacity-white-200 !default;
112
+ $ouds-color-action-read-only-secondary-light: $core-ouds-color-opacity-black-200 !default;
113
+ $ouds-color-action-selected-dark: $core-orange-color-orange-500 !default;
114
+ $ouds-color-action-selected-light: $core-orange-color-orange-550 !default;
115
+ $ouds-color-action-support-disabled-dark: $core-ouds-color-opacity-white-40 !default;
116
+ $ouds-color-action-support-disabled-light: $core-ouds-color-opacity-black-40 !default;
117
+ $ouds-color-action-support-enabled-dark: $core-ouds-color-opacity-white-40 !default;
118
+ $ouds-color-action-support-enabled-light: $core-ouds-color-opacity-black-40 !default;
119
+ $ouds-color-action-support-focus-dark: $core-ouds-color-opacity-white-80 !default;
120
+ $ouds-color-action-support-focus-light: $core-ouds-color-opacity-black-80 !default;
121
+ $ouds-color-action-support-hover-dark: $core-ouds-color-opacity-white-80 !default;
122
+ $ouds-color-action-support-hover-light: $core-ouds-color-opacity-black-80 !default;
123
+ $ouds-color-action-support-loading-dark: $core-ouds-color-opacity-white-120 !default;
124
+ $ouds-color-action-support-loading-light: $core-ouds-color-opacity-black-120 !default;
125
+ $ouds-color-action-support-pressed-dark: $core-ouds-color-opacity-white-120 !default;
126
+ $ouds-color-action-support-pressed-light: $core-ouds-color-opacity-black-120 !default;
127
+ $ouds-color-action-visited-dark: $core-ouds-color-functional-amethyst-400 !default;
128
+ $ouds-color-action-visited-light: $core-ouds-color-functional-amethyst-600 !default;
129
+ $ouds-color-always-black: $core-ouds-color-functional-black !default;
130
+ $ouds-color-always-on-black: $core-ouds-color-functional-gray-light-160 !default;
131
+ $ouds-color-always-on-white: $core-ouds-color-functional-black !default;
132
+ $ouds-color-always-white: $core-ouds-color-functional-white !default;
133
+ $ouds-color-bg-inverse-high-dark: $core-ouds-color-functional-gray-light-160 !default;
134
+ $ouds-color-bg-inverse-high-light: $core-ouds-color-functional-gray-dark-880 !default;
135
+ $ouds-color-bg-inverse-low-dark: $core-ouds-color-functional-gray-dark-640 !default;
136
+ $ouds-color-bg-inverse-low-light: $core-ouds-color-functional-gray-dark-880 !default;
137
+ $ouds-color-bg-primary-dark: $core-ouds-color-functional-gray-dark-880 !default;
138
+ $ouds-color-bg-primary-light: $core-ouds-color-functional-white !default;
139
+ $ouds-color-bg-secondary-dark: $core-ouds-color-functional-gray-dark-800 !default;
140
+ $ouds-color-bg-secondary-light: $core-ouds-color-functional-gray-light-80 !default;
141
+ $ouds-color-bg-tertiary-dark: $core-orange-color-warm-gray-1000 !default;
142
+ $ouds-color-bg-tertiary-light: $core-orange-color-warm-gray-100 !default;
143
+ $ouds-color-border-brand-primary-dark: $core-orange-color-orange-500 !default;
144
+ $ouds-color-border-brand-primary-light: $core-orange-color-orange-550 !default;
145
+ $ouds-color-border-default-dark: $core-ouds-color-opacity-white-200 !default;
146
+ $ouds-color-border-default-light: $core-ouds-color-opacity-black-200 !default;
147
+ $ouds-color-border-emphasized-dark: $core-ouds-color-opacity-white-920 !default;
148
+ $ouds-color-border-emphasized-light: $core-ouds-color-functional-black !default;
149
+ $ouds-color-border-focus-dark: $core-ouds-color-functional-gray-light-160 !default;
150
+ $ouds-color-border-focus-inset-dark: $core-ouds-color-functional-black !default;
151
+ $ouds-color-border-focus-inset-light: $core-ouds-color-functional-white !default;
152
+ $ouds-color-border-focus-light: $core-ouds-color-functional-black !default;
153
+ $ouds-color-border-minimal-dark: $core-ouds-color-opacity-white-40 !default;
154
+ $ouds-color-border-minimal-light: $core-ouds-color-opacity-black-40 !default;
155
+ $ouds-color-border-muted-dark: $core-ouds-color-opacity-white-80 !default;
156
+ $ouds-color-border-muted-light: $core-ouds-color-opacity-black-80 !default;
157
+ $ouds-color-border-on-brand-primary-dark: $core-ouds-color-functional-black !default;
158
+ $ouds-color-border-on-brand-primary-light: $core-ouds-color-functional-black !default;
159
+ $ouds-color-border-status-accent-dark: $core-orange-color-orange-500 !default;
160
+ $ouds-color-border-status-accent-light: $core-orange-color-orange-500 !default;
161
+ $ouds-color-border-status-info-dark: $core-ouds-color-functional-dodger-blue-300 !default;
162
+ $ouds-color-border-status-info-light: $core-ouds-color-functional-dodger-blue-700 !default;
163
+ $ouds-color-border-status-negative-dark: $core-ouds-color-functional-scarlet-300 !default;
164
+ $ouds-color-border-status-negative-light: $core-ouds-color-functional-scarlet-600 !default;
165
+ $ouds-color-border-status-positive-dark: $core-ouds-color-functional-malachite-300 !default;
166
+ $ouds-color-border-status-positive-light: $core-ouds-color-functional-malachite-750 !default;
167
+ $ouds-color-border-status-warning-dark: $core-ouds-color-functional-sun-300 !default;
168
+ $ouds-color-border-status-warning-light: $core-ouds-color-functional-sun-500 !default;
169
+ $ouds-color-content-brand-primary-dark: $core-orange-color-orange-500 !default;
170
+ $ouds-color-content-brand-primary-light: $core-orange-color-orange-550 !default; // Test for support Figma
171
+ $ouds-color-content-default-dark: $core-ouds-color-functional-gray-light-160 !default;
172
+ $ouds-color-content-default-light: $core-ouds-color-functional-black !default;
173
+ $ouds-color-content-disabled-dark: $core-ouds-color-opacity-white-200 !default;
174
+ $ouds-color-content-disabled-light: $core-ouds-color-opacity-black-200 !default;
175
+ $ouds-color-content-inverse-dark: $core-ouds-color-functional-black !default;
176
+ $ouds-color-content-inverse-light: $core-ouds-color-functional-white !default;
177
+ $ouds-color-content-muted-dark: $core-ouds-color-opacity-white-640 !default;
178
+ $ouds-color-content-muted-light: $core-ouds-color-opacity-black-680 !default;
179
+ $ouds-color-content-on-action-disabled-dark: $core-ouds-color-functional-black !default;
180
+ $ouds-color-content-on-action-disabled-light: $core-ouds-color-functional-white !default;
181
+ $ouds-color-content-on-action-enabled-dark: $core-ouds-color-functional-black !default;
182
+ $ouds-color-content-on-action-enabled-light: $core-ouds-color-functional-white !default;
183
+ $ouds-color-content-on-action-focus-dark: $core-ouds-color-functional-black !default;
184
+ $ouds-color-content-on-action-focus-light: $core-ouds-color-functional-white !default;
185
+ $ouds-color-content-on-action-highlighted-dark: $core-ouds-color-functional-black !default;
186
+ $ouds-color-content-on-action-highlighted-light: $core-ouds-color-functional-white !default;
187
+ $ouds-color-content-on-action-hover-dark: $core-ouds-color-functional-black !default;
188
+ $ouds-color-content-on-action-hover-light: $core-ouds-color-functional-white !default;
189
+ $ouds-color-content-on-action-loading-dark: $core-ouds-color-functional-black !default;
190
+ $ouds-color-content-on-action-loading-light: $core-ouds-color-functional-white !default;
191
+ $ouds-color-content-on-action-pressed-dark: $core-ouds-color-functional-black !default;
192
+ $ouds-color-content-on-action-pressed-light: $core-ouds-color-functional-white !default;
193
+ $ouds-color-content-on-action-selected-dark: $core-ouds-color-functional-black !default;
194
+ $ouds-color-content-on-action-selected-light: $core-ouds-color-functional-white !default;
195
+ $ouds-color-content-on-brand-primary-dark: $core-ouds-color-functional-black !default;
196
+ $ouds-color-content-on-brand-primary-light: $core-ouds-color-functional-black !default;
197
+ $ouds-color-content-on-status-accent-emphasized-dark: $core-ouds-color-functional-black !default;
198
+ $ouds-color-content-on-status-accent-emphasized-light: $core-ouds-color-functional-black !default;
199
+ $ouds-color-content-on-status-accent-muted-dark: $core-ouds-color-functional-gray-light-160 !default;
200
+ $ouds-color-content-on-status-accent-muted-light: $core-ouds-color-functional-black !default;
201
+ $ouds-color-content-on-status-info-emphasized-dark: $core-ouds-color-functional-black !default;
202
+ $ouds-color-content-on-status-info-emphasized-light: $core-ouds-color-functional-white !default;
203
+ $ouds-color-content-on-status-info-muted-dark: $core-ouds-color-functional-gray-light-160 !default;
204
+ $ouds-color-content-on-status-info-muted-light: $core-ouds-color-functional-black !default;
205
+ $ouds-color-content-on-status-negative-emphasized-dark: $core-ouds-color-functional-black !default;
206
+ $ouds-color-content-on-status-negative-emphasized-light: $core-ouds-color-functional-white !default;
207
+ $ouds-color-content-on-status-negative-muted-dark: $core-ouds-color-functional-gray-light-160 !default;
208
+ $ouds-color-content-on-status-negative-muted-light: $core-ouds-color-functional-black !default;
209
+ $ouds-color-content-on-status-positive-emphasized-dark: $core-ouds-color-functional-black !default;
210
+ $ouds-color-content-on-status-positive-emphasized-light: $core-ouds-color-functional-white !default;
211
+ $ouds-color-content-on-status-positive-muted-dark: $core-ouds-color-functional-gray-light-160 !default;
212
+ $ouds-color-content-on-status-positive-muted-light: $core-ouds-color-functional-black !default;
213
+ $ouds-color-content-on-status-warning-emphasized-dark: $core-ouds-color-functional-black !default;
214
+ $ouds-color-content-on-status-warning-emphasized-light: $core-ouds-color-functional-black !default;
215
+ $ouds-color-content-on-status-warning-muted-dark: $core-ouds-color-functional-gray-light-160 !default;
216
+ $ouds-color-content-on-status-warning-muted-light: $core-ouds-color-functional-black !default;
217
+ $ouds-color-content-status-accent-dark: $core-orange-color-orange-500 !default;
218
+ $ouds-color-content-status-accent-light: $core-orange-color-orange-500 !default;
219
+ $ouds-color-content-status-info-dark: $core-ouds-color-functional-dodger-blue-300 !default;
220
+ $ouds-color-content-status-info-light: $core-ouds-color-functional-dodger-blue-700 !default;
221
+ $ouds-color-content-status-negative-dark: $core-ouds-color-functional-scarlet-300 !default;
222
+ $ouds-color-content-status-negative-light: $core-ouds-color-functional-scarlet-600 !default;
223
+ $ouds-color-content-status-positive-dark: $core-ouds-color-functional-malachite-300 !default;
224
+ $ouds-color-content-status-positive-light: $core-ouds-color-functional-malachite-750 !default;
225
+ $ouds-color-content-status-warning-dark: $core-ouds-color-functional-sun-300 !default;
226
+ $ouds-color-content-status-warning-light: $core-ouds-color-functional-sun-750 !default;
227
+ $ouds-color-opacity-lower-dark: $core-ouds-color-opacity-white-80 !default;
228
+ $ouds-color-opacity-lower-light: $core-ouds-color-opacity-black-80 !default;
229
+ $ouds-color-opacity-lowest-dark: $core-ouds-color-opacity-white-40 !default;
230
+ $ouds-color-opacity-lowest-light: $core-ouds-color-opacity-black-40 !default;
231
+ $ouds-color-opacity-transparent-dark: $core-ouds-color-opacity-white-0 !default;
232
+ $ouds-color-opacity-transparent-light: $core-ouds-color-opacity-black-0 !default;
233
+ $ouds-color-overlay-drag-dark: $core-ouds-color-opacity-white-80 !default;
234
+ $ouds-color-overlay-drag-light: $core-ouds-color-opacity-black-40 !default;
235
+ $ouds-color-overlay-dropdown-dark: $core-ouds-color-functional-gray-dark-560 !default;
236
+ $ouds-color-overlay-dropdown-light: $core-ouds-color-functional-white !default;
237
+ $ouds-color-overlay-modal-dark: $core-ouds-color-functional-gray-dark-640 !default;
238
+ $ouds-color-overlay-modal-light: $core-ouds-color-functional-white !default;
239
+ $ouds-color-overlay-tooltip-dark: $core-ouds-color-functional-gray-dark-560 !default;
240
+ $ouds-color-overlay-tooltip-light: $core-ouds-color-functional-gray-dark-720 !default;
241
+ $ouds-color-surface-brand-primary-dark: $core-orange-color-orange-500 !default;
242
+ $ouds-color-surface-brand-primary-light: $core-orange-color-orange-500 !default;
243
+ $ouds-color-surface-inverse-high-dark: $core-ouds-color-functional-gray-light-160 !default;
244
+ $ouds-color-surface-inverse-high-light: $core-ouds-color-functional-gray-dark-720 !default;
245
+ $ouds-color-surface-inverse-low-dark: $core-ouds-color-opacity-white-120 !default;
246
+ $ouds-color-surface-inverse-low-light: $core-ouds-color-functional-gray-dark-720 !default;
247
+ $ouds-color-surface-primary-dark: $core-ouds-color-opacity-white-40 !default;
248
+ $ouds-color-surface-primary-light: $core-ouds-color-functional-white !default;
249
+ $ouds-color-surface-secondary-dark: $core-ouds-color-opacity-white-80 !default;
250
+ $ouds-color-surface-secondary-light: $core-ouds-color-opacity-black-40 !default;
251
+ $ouds-color-surface-status-accent-emphasized-dark: $core-orange-color-orange-500 !default;
252
+ $ouds-color-surface-status-accent-emphasized-light: $core-orange-color-orange-500 !default;
253
+ $ouds-color-surface-status-accent-muted-dark: $core-orange-color-opacity-warm-gray-400 !default;
254
+ $ouds-color-surface-status-accent-muted-light: $core-orange-color-opacity-warm-gray-80 !default;
255
+ $ouds-color-surface-status-info-emphasized-dark: $core-ouds-color-functional-dodger-blue-300 !default;
256
+ $ouds-color-surface-status-info-emphasized-light: $core-ouds-color-functional-dodger-blue-700 !default;
257
+ $ouds-color-surface-status-info-muted-dark: $core-ouds-color-opacity-dodger-blue-520 !default;
258
+ $ouds-color-surface-status-info-muted-light: $core-ouds-color-opacity-dodger-blue-80 !default;
259
+ $ouds-color-surface-status-negative-emphasized-dark: $core-ouds-color-functional-scarlet-300 !default;
260
+ $ouds-color-surface-status-negative-emphasized-light: $core-ouds-color-functional-scarlet-600 !default;
261
+ $ouds-color-surface-status-negative-muted-dark: $core-ouds-color-opacity-scarlet-320 !default;
262
+ $ouds-color-surface-status-negative-muted-light: $core-ouds-color-opacity-scarlet-80 !default;
263
+ $ouds-color-surface-status-positive-emphasized-dark: $core-ouds-color-functional-malachite-300 !default;
264
+ $ouds-color-surface-status-positive-emphasized-light: $core-ouds-color-functional-malachite-750 !default;
265
+ $ouds-color-surface-status-positive-muted-dark: $core-ouds-color-opacity-malachite-640 !default;
266
+ $ouds-color-surface-status-positive-muted-light: $core-ouds-color-opacity-malachite-120 !default;
267
+ $ouds-color-surface-status-warning-emphasized-dark: $core-ouds-color-functional-sun-300 !default;
268
+ $ouds-color-surface-status-warning-emphasized-light: $core-ouds-color-functional-sun-500 !default;
269
+ $ouds-color-surface-status-warning-muted-dark: $core-ouds-color-opacity-sun-480 !default;
270
+ $ouds-color-surface-status-warning-muted-light: $core-ouds-color-opacity-sun-160 !default;
271
+ $ouds-color-surface-tertiary-dark: $core-orange-color-opacity-warm-gray-400 !default;
272
+ $ouds-color-surface-tertiary-light: $core-orange-color-opacity-warm-gray-80 !default;
273
+ // scss-docs-end ouds-semantic-color
274
+
275
+ // Dimension
276
+
277
+ // scss-docs-start ouds-semantic-dimension
278
+ $ouds-dimension-2xlarge: $core-ouds-dimension-600 !default;
279
+ $ouds-dimension-2xsmall: $core-ouds-dimension-300 !default;
280
+ $ouds-dimension-3xlarge: $core-ouds-dimension-650 !default;
281
+ $ouds-dimension-3xsmall: $core-ouds-dimension-250 !default;
282
+ $ouds-dimension-4xlarge: $core-ouds-dimension-700 !default;
283
+ $ouds-dimension-4xsmall: $core-ouds-dimension-200 !default;
284
+ $ouds-dimension-5xlarge: $core-ouds-dimension-750 !default;
285
+ $ouds-dimension-5xsmall: $core-ouds-dimension-150 !default;
286
+ $ouds-dimension-6xlarge: $core-ouds-dimension-800 !default;
287
+ $ouds-dimension-6xsmall: $core-ouds-dimension-out-of-system-250 !default;
288
+ $ouds-dimension-7xlarge: $core-ouds-dimension-850 !default;
289
+ $ouds-dimension-7xsmall: $core-ouds-dimension-out-of-system-250 !default;
290
+ $ouds-dimension-8xlarge: $core-ouds-dimension-900 !default;
291
+ $ouds-dimension-8xsmall: $core-ouds-dimension-100 !default;
292
+ $ouds-dimension-9xlarge: $core-ouds-dimension-1000 !default;
293
+ $ouds-dimension-9xsmall: $core-ouds-dimension-out-of-system-150 !default;
294
+ $ouds-dimension-10xlarge: $core-ouds-dimension-1200 !default;
295
+ $ouds-dimension-10xsmall: $core-ouds-dimension-50 !default;
296
+ $ouds-dimension-11xlarge: $core-ouds-dimension-1400 !default;
297
+ $ouds-dimension-11xsmall: $core-ouds-dimension-out-of-system-50 !default;
298
+ $ouds-dimension-12xsmall: $core-ouds-dimension-out-of-system-25 !default;
299
+ $ouds-dimension-large: $core-ouds-dimension-500 !default;
300
+ $ouds-dimension-medium: $core-ouds-dimension-450 !default;
301
+ $ouds-dimension-none: $core-ouds-dimension-0 !default;
302
+ $ouds-dimension-small: $core-ouds-dimension-400 !default;
303
+ $ouds-dimension-xlarge: $core-ouds-dimension-550 !default;
304
+ $ouds-dimension-xsmall: $core-ouds-dimension-350 !default;
305
+ // scss-docs-end ouds-semantic-dimension
306
+
307
+ // Effect
308
+
309
+ // scss-docs-start ouds-semantic-effect
310
+ $ouds-effect-blur-drag: $core-ouds-effect-blur-320 !default;
311
+ // scss-docs-end ouds-semantic-effect
312
+
313
+ // Elevation
314
+
315
+ // scss-docs-start ouds-semantic-elevation
316
+ $ouds-elevation-blur-default: $core-ouds-elevation-blur-300 !default;
317
+ $ouds-elevation-blur-drag: $core-ouds-elevation-blur-400 !default;
318
+ $ouds-elevation-blur-emphasized: $core-ouds-elevation-blur-600 !default;
319
+ $ouds-elevation-blur-none: $core-ouds-elevation-blur-0 !default;
320
+ $ouds-elevation-blur-raised: $core-ouds-elevation-blur-200 !default;
321
+ $ouds-elevation-blur-sticky: $core-ouds-elevation-blur-400 !default;
322
+ $ouds-elevation-color-default-dark: $core-ouds-color-opacity-black-240 !default;
323
+ $ouds-elevation-color-default-light: $core-ouds-color-opacity-black-240 !default;
324
+ $ouds-elevation-color-drag-dark: $core-ouds-color-opacity-black-320 !default;
325
+ $ouds-elevation-color-drag-light: $core-ouds-color-opacity-black-240 !default;
326
+ $ouds-elevation-color-emphasized-dark: $core-ouds-color-opacity-black-160 !default;
327
+ $ouds-elevation-color-emphasized-light: $core-ouds-color-opacity-black-160 !default;
328
+ $ouds-elevation-color-none: $core-ouds-color-opacity-black-0 !default;
329
+ $ouds-elevation-color-raised-dark: $core-ouds-color-opacity-black-320 !default;
330
+ $ouds-elevation-color-raised-light: $core-ouds-color-opacity-black-240 !default;
331
+ $ouds-elevation-color-sticky-dark: $core-ouds-color-opacity-black-160 !default;
332
+ $ouds-elevation-color-sticky-light: $core-ouds-color-opacity-black-160 !default;
333
+ $ouds-elevation-spread-default: $core-ouds-elevation-spread-n100 !default;
334
+ $ouds-elevation-spread-drag: $core-ouds-elevation-spread-n100 !default;
335
+ $ouds-elevation-spread-emphasized: $core-ouds-elevation-spread-n300 !default;
336
+ $ouds-elevation-spread-none: $core-ouds-elevation-spread-0 !default;
337
+ $ouds-elevation-spread-raised: $core-ouds-elevation-spread-0 !default;
338
+ $ouds-elevation-spread-sticky: $core-ouds-elevation-spread-n100 !default;
339
+ $ouds-elevation-x-default: $core-ouds-elevation-x-0 !default;
340
+ $ouds-elevation-x-drag: $core-ouds-elevation-x-0 !default;
341
+ $ouds-elevation-x-emphasized: $core-ouds-elevation-x-0 !default;
342
+ $ouds-elevation-x-none: $core-ouds-elevation-x-0 !default;
343
+ $ouds-elevation-x-raised: $core-ouds-elevation-x-0 !default;
344
+ $ouds-elevation-x-sticky: $core-ouds-elevation-x-0 !default;
345
+ $ouds-elevation-y-default: $core-ouds-elevation-y-200 !default;
346
+ $ouds-elevation-y-drag: $core-ouds-elevation-y-300 !default;
347
+ $ouds-elevation-y-emphasized: $core-ouds-elevation-y-500 !default;
348
+ $ouds-elevation-y-none: $core-ouds-elevation-y-0 !default;
349
+ $ouds-elevation-y-raised: $core-ouds-elevation-y-100 !default;
350
+ $ouds-elevation-y-sticky: $core-ouds-elevation-y-300 !default;
351
+ // scss-docs-end ouds-semantic-elevation
352
+
353
+ // Font
354
+
355
+ // scss-docs-start ouds-semantic-font
356
+ $ouds-font-family-system-web: $core-orange-font-family-brand-default !default;
357
+ $ouds-font-family-web-code: $core-ouds-font-family-monospace-menlo !default;
358
+ $ouds-font-letter-spacing-body-large-desktop: $core-ouds-font-letter-spacing-250 !default;
359
+ $ouds-font-letter-spacing-body-large-mobile: $core-ouds-font-letter-spacing-200 !default;
360
+ $ouds-font-letter-spacing-body-large-tablet: $core-ouds-font-letter-spacing-200 !default;
361
+ $ouds-font-letter-spacing-body-medium-desktop: $core-ouds-font-letter-spacing-200 !default;
362
+ $ouds-font-letter-spacing-body-medium-mobile: $core-ouds-font-letter-spacing-175 !default;
363
+ $ouds-font-letter-spacing-body-medium-tablet: $core-ouds-font-letter-spacing-175 !default;
364
+ $ouds-font-letter-spacing-body-small-desktop: $core-ouds-font-letter-spacing-175 !default;
365
+ $ouds-font-letter-spacing-body-small-mobile: $core-ouds-font-letter-spacing-150 !default;
366
+ $ouds-font-letter-spacing-body-small-tablet: $core-ouds-font-letter-spacing-150 !default;
367
+ $ouds-font-letter-spacing-code-medium: $core-ouds-font-letter-spacing-200 !default;
368
+ $ouds-font-letter-spacing-display-large-desktop: $core-ouds-font-letter-spacing-850 !default;
369
+ $ouds-font-letter-spacing-display-large-mobile: $core-ouds-font-letter-spacing-750 !default;
370
+ $ouds-font-letter-spacing-display-large-tablet: $core-ouds-font-letter-spacing-750 !default;
371
+ $ouds-font-letter-spacing-display-medium-desktop: $core-ouds-font-letter-spacing-750 !default;
372
+ $ouds-font-letter-spacing-display-medium-mobile: $core-ouds-font-letter-spacing-650 !default;
373
+ $ouds-font-letter-spacing-display-medium-tablet: $core-ouds-font-letter-spacing-650 !default;
374
+ $ouds-font-letter-spacing-display-small-desktop: $core-ouds-font-letter-spacing-650 !default;
375
+ $ouds-font-letter-spacing-display-small-mobile: $core-ouds-font-letter-spacing-550 !default;
376
+ $ouds-font-letter-spacing-display-small-tablet: $core-ouds-font-letter-spacing-550 !default;
377
+ $ouds-font-letter-spacing-heading-large-desktop: $core-ouds-font-letter-spacing-450 !default;
378
+ $ouds-font-letter-spacing-heading-large-mobile: $core-ouds-font-letter-spacing-350 !default;
379
+ $ouds-font-letter-spacing-heading-large-tablet: $core-ouds-font-letter-spacing-350 !default;
380
+ $ouds-font-letter-spacing-heading-medium-desktop: $core-ouds-font-letter-spacing-350 !default;
381
+ $ouds-font-letter-spacing-heading-medium-mobile: $core-ouds-font-letter-spacing-300 !default;
382
+ $ouds-font-letter-spacing-heading-medium-tablet: $core-ouds-font-letter-spacing-300 !default;
383
+ $ouds-font-letter-spacing-heading-small-desktop: $core-ouds-font-letter-spacing-300 !default;
384
+ $ouds-font-letter-spacing-heading-small-mobile: $core-ouds-font-letter-spacing-250 !default;
385
+ $ouds-font-letter-spacing-heading-small-tablet: $core-ouds-font-letter-spacing-250 !default;
386
+ $ouds-font-letter-spacing-heading-xlarge-desktop: $core-ouds-font-letter-spacing-550 !default;
387
+ $ouds-font-letter-spacing-heading-xlarge-mobile: $core-ouds-font-letter-spacing-450 !default;
388
+ $ouds-font-letter-spacing-heading-xlarge-tablet: $core-ouds-font-letter-spacing-450 !default;
389
+ $ouds-font-letter-spacing-label-large: $core-ouds-font-letter-spacing-200 !default;
390
+ $ouds-font-letter-spacing-label-medium: $core-ouds-font-letter-spacing-175 !default;
391
+ $ouds-font-letter-spacing-label-small: $core-ouds-font-letter-spacing-150 !default;
392
+ $ouds-font-letter-spacing-label-xlarge: $core-ouds-font-letter-spacing-250 !default;
393
+ $ouds-font-line-height-body-large-desktop: $core-ouds-font-line-height-450 !default;
394
+ $ouds-font-line-height-body-large-mobile: $core-ouds-font-line-height-350 !default;
395
+ $ouds-font-line-height-body-large-tablet: $core-ouds-font-line-height-350 !default;
396
+ $ouds-font-line-height-body-medium-desktop: $core-ouds-font-line-height-250 !default;
397
+ $ouds-font-line-height-body-medium-mobile: $core-ouds-font-line-height-250 !default;
398
+ $ouds-font-line-height-body-medium-tablet: $core-ouds-font-line-height-250 !default;
399
+ $ouds-font-line-height-body-small-desktop: $core-ouds-font-line-height-250 !default;
400
+ $ouds-font-line-height-body-small-mobile: $core-ouds-font-line-height-250 !default;
401
+ $ouds-font-line-height-body-small-tablet: $core-ouds-font-line-height-250 !default;
402
+ $ouds-font-line-height-code-medium: $core-ouds-font-line-height-350 !default;
403
+ $ouds-font-line-height-display-large-desktop: $core-ouds-font-line-height-1050 !default;
404
+ $ouds-font-line-height-display-large-mobile: $core-ouds-font-line-height-950 !default;
405
+ $ouds-font-line-height-display-large-tablet: $core-ouds-font-line-height-950 !default;
406
+ $ouds-font-line-height-display-medium-desktop: $core-ouds-font-line-height-950 !default;
407
+ $ouds-font-line-height-display-medium-mobile: $core-ouds-font-line-height-850 !default;
408
+ $ouds-font-line-height-display-medium-tablet: $core-ouds-font-line-height-850 !default;
409
+ $ouds-font-line-height-display-small-desktop: $core-ouds-font-line-height-850 !default;
410
+ $ouds-font-line-height-display-small-mobile: $core-ouds-font-line-height-750 !default;
411
+ $ouds-font-line-height-display-small-tablet: $core-ouds-font-line-height-750 !default;
412
+ $ouds-font-line-height-heading-large-desktop: $core-ouds-font-line-height-650 !default;
413
+ $ouds-font-line-height-heading-large-mobile: $core-ouds-font-line-height-550 !default;
414
+ $ouds-font-line-height-heading-large-tablet: $core-ouds-font-line-height-550 !default;
415
+ $ouds-font-line-height-heading-medium-desktop: $core-ouds-font-line-height-550 !default;
416
+ $ouds-font-line-height-heading-medium-mobile: $core-ouds-font-line-height-450 !default;
417
+ $ouds-font-line-height-heading-medium-tablet: $core-ouds-font-line-height-450 !default;
418
+ $ouds-font-line-height-heading-small-desktop: $core-ouds-font-line-height-450 !default;
419
+ $ouds-font-line-height-heading-small-mobile: $core-ouds-font-line-height-450 !default;
420
+ $ouds-font-line-height-heading-small-tablet: $core-ouds-font-line-height-450 !default;
421
+ $ouds-font-line-height-heading-xlarge-desktop: $core-ouds-font-line-height-750 !default;
422
+ $ouds-font-line-height-heading-xlarge-mobile: $core-ouds-font-line-height-650 !default;
423
+ $ouds-font-line-height-heading-xlarge-tablet: $core-ouds-font-line-height-650 !default;
424
+ $ouds-font-line-height-label-large: $core-ouds-font-line-height-350 !default;
425
+ $ouds-font-line-height-label-medium: $core-ouds-font-line-height-250 !default;
426
+ $ouds-font-line-height-label-small: $core-ouds-font-line-height-250 !default;
427
+ $ouds-font-line-height-label-xlarge: $core-ouds-font-line-height-450 !default;
428
+ $ouds-font-size-body-large-desktop: $core-ouds-font-size-250 !default;
429
+ $ouds-font-size-body-large-mobile: $core-ouds-font-size-200 !default;
430
+ $ouds-font-size-body-large-tablet: $core-ouds-font-size-200 !default;
431
+ $ouds-font-size-body-medium-desktop: $core-ouds-font-size-200 !default;
432
+ $ouds-font-size-body-medium-mobile: $core-ouds-font-size-175 !default;
433
+ $ouds-font-size-body-medium-tablet: $core-ouds-font-size-175 !default;
434
+ $ouds-font-size-body-small-desktop: $core-ouds-font-size-175 !default;
435
+ $ouds-font-size-body-small-mobile: $core-ouds-font-size-150 !default;
436
+ $ouds-font-size-body-small-tablet: $core-ouds-font-size-150 !default;
437
+ $ouds-font-size-code-medium: $core-ouds-font-size-200 !default;
438
+ $ouds-font-size-display-large-desktop: $core-ouds-font-size-850 !default;
439
+ $ouds-font-size-display-large-mobile: $core-ouds-font-size-750 !default;
440
+ $ouds-font-size-display-large-tablet: $core-ouds-font-size-750 !default;
441
+ $ouds-font-size-display-medium-desktop: $core-ouds-font-size-750 !default;
442
+ $ouds-font-size-display-medium-mobile: $core-ouds-font-size-650 !default;
443
+ $ouds-font-size-display-medium-tablet: $core-ouds-font-size-650 !default;
444
+ $ouds-font-size-display-small-desktop: $core-ouds-font-size-650 !default;
445
+ $ouds-font-size-display-small-mobile: $core-ouds-font-size-550 !default;
446
+ $ouds-font-size-display-small-tablet: $core-ouds-font-size-550 !default;
447
+ $ouds-font-size-heading-large-desktop: $core-ouds-font-size-450 !default;
448
+ $ouds-font-size-heading-large-mobile: $core-ouds-font-size-350 !default;
449
+ $ouds-font-size-heading-large-tablet: $core-ouds-font-size-350 !default;
450
+ $ouds-font-size-heading-medium-desktop: $core-ouds-font-size-350 !default;
451
+ $ouds-font-size-heading-medium-mobile: $core-ouds-font-size-300 !default;
452
+ $ouds-font-size-heading-medium-tablet: $core-ouds-font-size-300 !default;
453
+ $ouds-font-size-heading-small-desktop: $core-ouds-font-size-300 !default;
454
+ $ouds-font-size-heading-small-mobile: $core-ouds-font-size-250 !default;
455
+ $ouds-font-size-heading-small-tablet: $core-ouds-font-size-250 !default;
456
+ $ouds-font-size-heading-xlarge-desktop: $core-ouds-font-size-550 !default;
457
+ $ouds-font-size-heading-xlarge-mobile: $core-ouds-font-size-450 !default;
458
+ $ouds-font-size-heading-xlarge-tablet: $core-ouds-font-size-450 !default;
459
+ $ouds-font-size-label-large: $core-ouds-font-size-200 !default;
460
+ $ouds-font-size-label-medium: $core-ouds-font-size-175 !default;
461
+ $ouds-font-size-label-small: $core-ouds-font-size-150 !default;
462
+ $ouds-font-size-label-xlarge: $core-ouds-font-size-250 !default;
463
+ $ouds-font-weight-system-web-default: $core-ouds-font-weight-400 !default;
464
+ $ouds-font-weight-system-web-moderate: $core-ouds-font-weight-500 !default;
465
+ $ouds-font-weight-system-web-strong: $core-ouds-font-weight-700 !default;
466
+ $ouds-font-weight-web-code: $core-ouds-font-weight-400 !default;
467
+ $ouds-font-family-web-body: $ouds-font-family-system-web !default;
468
+ $ouds-font-family-web-display: $ouds-font-family-system-web !default;
469
+ $ouds-font-family-web-heading: $ouds-font-family-system-web !default;
470
+ $ouds-font-family-web-label: $ouds-font-family-system-web !default;
471
+ $ouds-font-weight-web-body-default: $ouds-font-weight-system-web-default !default;
472
+ $ouds-font-weight-web-body-moderate: $ouds-font-weight-system-web-moderate !default;
473
+ $ouds-font-weight-web-body-strong: $ouds-font-weight-system-web-strong !default;
474
+ $ouds-font-weight-web-display: $ouds-font-weight-system-web-strong !default;
475
+ $ouds-font-weight-web-heading: $ouds-font-weight-system-web-strong !default;
476
+ $ouds-font-weight-web-label-default: $ouds-font-weight-system-web-default !default;
477
+ $ouds-font-weight-web-label-moderate: $ouds-font-weight-system-web-moderate !default;
478
+ $ouds-font-weight-web-label-strong: $ouds-font-weight-system-web-strong !default;
479
+ // scss-docs-end ouds-semantic-font
480
+
481
+ // Grid
482
+
483
+ // scss-docs-start ouds-semantic-grid
484
+ $ouds-grid-2xl-column-count: $core-ouds-grid-column-count-1200 !default;
485
+ $ouds-grid-2xl-column-gap: $core-ouds-grid-column-gap-300 !default;
486
+ $ouds-grid-2xl-margin: $core-ouds-grid-margin-600 !default;
487
+ $ouds-grid-2xl-max-width: $core-ouds-grid-max-width-700 !default;
488
+ $ouds-grid-2xl-max-width-alt: $core-ouds-grid-max-width-650 !default;
489
+ $ouds-grid-2xl-min-width: $core-ouds-grid-min-width-700 !default;
490
+ $ouds-grid-2xl-width: $core-ouds-grid-width-700 !default;
491
+ $ouds-grid-2xs-column-count: $core-ouds-grid-column-count-400 !default;
492
+ $ouds-grid-2xs-column-gap: $core-ouds-grid-column-gap-100 !default;
493
+ $ouds-grid-2xs-margin: $core-ouds-grid-margin-100 !default;
494
+ $ouds-grid-2xs-max-width: $core-ouds-grid-max-width-100 !default;
495
+ $ouds-grid-2xs-min-width: $core-ouds-grid-min-width-100 !default;
496
+ $ouds-grid-2xs-width: $core-ouds-grid-width-100 !default;
497
+ $ouds-grid-3xl-column-count: $core-ouds-grid-column-count-1200 !default;
498
+ $ouds-grid-3xl-column-gap: $core-ouds-grid-column-gap-300 !default;
499
+ $ouds-grid-3xl-margin: $core-ouds-grid-margin-1000 !default;
500
+ $ouds-grid-3xl-min-width: $core-ouds-grid-min-width-800 !default;
501
+ $ouds-grid-3xl-width: $core-ouds-grid-width-800 !default;
502
+ $ouds-grid-lg-column-count: $core-ouds-grid-column-count-600 !default;
503
+ $ouds-grid-lg-column-gap: $core-ouds-grid-column-gap-200 !default;
504
+ $ouds-grid-lg-margin: $core-ouds-grid-margin-300 !default;
505
+ $ouds-grid-lg-max-width: $core-ouds-grid-max-width-500 !default;
506
+ $ouds-grid-lg-min-width: $core-ouds-grid-min-width-500 !default;
507
+ $ouds-grid-lg-width: $core-ouds-grid-width-500 !default;
508
+ $ouds-grid-md-column-count: $core-ouds-grid-column-count-600 !default;
509
+ $ouds-grid-md-column-gap: $core-ouds-grid-column-gap-200 !default;
510
+ $ouds-grid-md-margin: $core-ouds-grid-margin-300 !default;
511
+ $ouds-grid-md-max-width: $core-ouds-grid-max-width-400 !default;
512
+ $ouds-grid-md-min-width: $core-ouds-grid-min-width-400 !default;
513
+ $ouds-grid-md-width: $core-ouds-grid-width-400 !default;
514
+ $ouds-grid-sm-column-count: $core-ouds-grid-column-count-400 !default;
515
+ $ouds-grid-sm-column-gap: $core-ouds-grid-column-gap-200 !default;
516
+ $ouds-grid-sm-margin: $core-ouds-grid-margin-100 !default;
517
+ $ouds-grid-sm-max-width: $core-ouds-grid-max-width-300 !default;
518
+ $ouds-grid-sm-min-width: $core-ouds-grid-min-width-300 !default;
519
+ $ouds-grid-sm-width: $core-ouds-grid-width-300 !default;
520
+ $ouds-grid-xl-column-count: $core-ouds-grid-column-count-1200 !default;
521
+ $ouds-grid-xl-column-gap: $core-ouds-grid-column-gap-300 !default;
522
+ $ouds-grid-xl-margin: $core-ouds-grid-margin-600 !default;
523
+ $ouds-grid-xl-max-width: $core-ouds-grid-max-width-600 !default;
524
+ $ouds-grid-xl-min-width: $core-ouds-grid-min-width-600 !default;
525
+ $ouds-grid-xl-width: $core-ouds-grid-width-600 !default;
526
+ $ouds-grid-xs-column-count: $core-ouds-grid-column-count-400 !default;
527
+ $ouds-grid-xs-column-gap: $core-ouds-grid-column-gap-200 !default;
528
+ $ouds-grid-xs-margin: $core-ouds-grid-margin-100 !default;
529
+ $ouds-grid-xs-max-width: $core-ouds-grid-max-width-200 !default;
530
+ $ouds-grid-xs-min-width: $core-ouds-grid-min-width-200 !default;
531
+ $ouds-grid-xs-width: $core-ouds-grid-width-200 !default;
532
+ // scss-docs-end ouds-semantic-grid
533
+
534
+ // Opacity
535
+
536
+ // scss-docs-start ouds-semantic-opacity
537
+ $ouds-opacity-disabled: $core-ouds-opacity-200 !default;
538
+ $ouds-opacity-invisible: $core-ouds-opacity-0 !default;
539
+ $ouds-opacity-medium: $core-ouds-opacity-560 !default;
540
+ $ouds-opacity-opaque: $core-ouds-opacity-1000 !default;
541
+ $ouds-opacity-strong: $core-ouds-opacity-640 !default;
542
+ $ouds-opacity-weak: $core-ouds-opacity-320 !default;
543
+ $ouds-opacity-weaker: $core-ouds-opacity-160 !default;
544
+ $ouds-opacity-weakest: $core-ouds-opacity-40 !default;
545
+ // scss-docs-end ouds-semantic-opacity
546
+
547
+ // Size
548
+
549
+ // scss-docs-start ouds-semantic-size
550
+ $ouds-size-icon-with-body-large-size-large-desktop: $core-ouds-dimension-350 !default;
551
+ $ouds-size-icon-with-body-large-size-large-mobile: $core-ouds-dimension-300 !default;
552
+ $ouds-size-icon-with-body-large-size-large-tablet: $core-ouds-dimension-300 !default;
553
+ $ouds-size-icon-with-body-large-size-medium-desktop: $core-ouds-dimension-300 !default;
554
+ $ouds-size-icon-with-body-large-size-medium-mobile: $core-ouds-dimension-250 !default;
555
+ $ouds-size-icon-with-body-large-size-medium-tablet: $core-ouds-dimension-250 !default;
556
+ $ouds-size-icon-with-body-large-size-small-desktop: $core-ouds-dimension-250 !default;
557
+ $ouds-size-icon-with-body-large-size-small-mobile: $core-ouds-dimension-200 !default;
558
+ $ouds-size-icon-with-body-large-size-small-tablet: $core-ouds-dimension-200 !default;
559
+ $ouds-size-icon-with-body-medium-size-large-desktop: $core-ouds-dimension-300 !default;
560
+ $ouds-size-icon-with-body-medium-size-large-mobile: $core-ouds-dimension-300 !default;
561
+ $ouds-size-icon-with-body-medium-size-large-tablet: $core-ouds-dimension-300 !default;
562
+ $ouds-size-icon-with-body-medium-size-medium-desktop: $core-ouds-dimension-250 !default;
563
+ $ouds-size-icon-with-body-medium-size-medium-mobile: $core-ouds-dimension-250 !default;
564
+ $ouds-size-icon-with-body-medium-size-medium-tablet: $core-ouds-dimension-250 !default;
565
+ $ouds-size-icon-with-body-medium-size-small-desktop: $core-ouds-dimension-200 !default;
566
+ $ouds-size-icon-with-body-medium-size-small-mobile: $core-ouds-dimension-200 !default;
567
+ $ouds-size-icon-with-body-medium-size-small-tablet: $core-ouds-dimension-200 !default;
568
+ $ouds-size-icon-with-body-small-size-large-desktop: $core-ouds-dimension-300 !default;
569
+ $ouds-size-icon-with-body-small-size-large-mobile: $core-ouds-dimension-250 !default;
570
+ $ouds-size-icon-with-body-small-size-large-tablet: $core-ouds-dimension-250 !default;
571
+ $ouds-size-icon-with-body-small-size-medium-desktop: $core-ouds-dimension-250 !default;
572
+ $ouds-size-icon-with-body-small-size-medium-mobile: $core-ouds-dimension-200 !default;
573
+ $ouds-size-icon-with-body-small-size-medium-tablet: $core-ouds-dimension-200 !default;
574
+ $ouds-size-icon-with-body-small-size-small-desktop: $core-ouds-dimension-200 !default;
575
+ $ouds-size-icon-with-body-small-size-small-mobile: $core-ouds-dimension-150 !default;
576
+ $ouds-size-icon-with-body-small-size-small-tablet: $core-ouds-dimension-150 !default;
577
+ $ouds-size-icon-with-heading-large-size-large-desktop: $core-ouds-dimension-500 !default;
578
+ $ouds-size-icon-with-heading-large-size-large-mobile: $core-ouds-dimension-400 !default;
579
+ $ouds-size-icon-with-heading-large-size-large-tablet: $core-ouds-dimension-400 !default;
580
+ $ouds-size-icon-with-heading-large-size-medium-desktop: $core-ouds-dimension-450 !default;
581
+ $ouds-size-icon-with-heading-large-size-medium-mobile: $core-ouds-dimension-350 !default;
582
+ $ouds-size-icon-with-heading-large-size-medium-tablet: $core-ouds-dimension-350 !default;
583
+ $ouds-size-icon-with-heading-large-size-small-desktop: $core-ouds-dimension-400 !default;
584
+ $ouds-size-icon-with-heading-large-size-small-mobile: $core-ouds-dimension-300 !default;
585
+ $ouds-size-icon-with-heading-large-size-small-tablet: $core-ouds-dimension-300 !default;
586
+ $ouds-size-icon-with-heading-medium-size-large-desktop: $core-ouds-dimension-400 !default;
587
+ $ouds-size-icon-with-heading-medium-size-large-mobile: $core-ouds-dimension-400 !default;
588
+ $ouds-size-icon-with-heading-medium-size-large-tablet: $core-ouds-dimension-400 !default;
589
+ $ouds-size-icon-with-heading-medium-size-medium-desktop: $core-ouds-dimension-350 !default;
590
+ $ouds-size-icon-with-heading-medium-size-medium-mobile: $core-ouds-dimension-350 !default;
591
+ $ouds-size-icon-with-heading-medium-size-medium-tablet: $core-ouds-dimension-350 !default;
592
+ $ouds-size-icon-with-heading-medium-size-small-desktop: $core-ouds-dimension-300 !default;
593
+ $ouds-size-icon-with-heading-medium-size-small-mobile: $core-ouds-dimension-300 !default;
594
+ $ouds-size-icon-with-heading-medium-size-small-tablet: $core-ouds-dimension-300 !default;
595
+ $ouds-size-icon-with-heading-small-size-large-desktop: $core-ouds-dimension-400 !default;
596
+ $ouds-size-icon-with-heading-small-size-large-mobile: $core-ouds-dimension-350 !default;
597
+ $ouds-size-icon-with-heading-small-size-large-tablet: $core-ouds-dimension-350 !default;
598
+ $ouds-size-icon-with-heading-small-size-medium-desktop: $core-ouds-dimension-350 !default;
599
+ $ouds-size-icon-with-heading-small-size-medium-mobile: $core-ouds-dimension-300 !default;
600
+ $ouds-size-icon-with-heading-small-size-medium-tablet: $core-ouds-dimension-300 !default;
601
+ $ouds-size-icon-with-heading-small-size-small-desktop: $core-ouds-dimension-300 !default;
602
+ $ouds-size-icon-with-heading-small-size-small-mobile: $core-ouds-dimension-250 !default;
603
+ $ouds-size-icon-with-heading-small-size-small-tablet: $core-ouds-dimension-250 !default;
604
+ $ouds-size-icon-with-heading-xlarge-size-large-desktop: $core-ouds-dimension-550 !default;
605
+ $ouds-size-icon-with-heading-xlarge-size-large-mobile: $core-ouds-dimension-500 !default;
606
+ $ouds-size-icon-with-heading-xlarge-size-large-tablet: $core-ouds-dimension-500 !default;
607
+ $ouds-size-icon-with-heading-xlarge-size-medium-desktop: $core-ouds-dimension-500 !default;
608
+ $ouds-size-icon-with-heading-xlarge-size-medium-mobile: $core-ouds-dimension-450 !default;
609
+ $ouds-size-icon-with-heading-xlarge-size-medium-tablet: $core-ouds-dimension-450 !default;
610
+ $ouds-size-icon-with-heading-xlarge-size-small-desktop: $core-ouds-dimension-450 !default;
611
+ $ouds-size-icon-with-heading-xlarge-size-small-mobile: $core-ouds-dimension-400 !default;
612
+ $ouds-size-icon-with-heading-xlarge-size-small-tablet: $core-ouds-dimension-400 !default;
613
+ $ouds-size-max-width-type-body-large-desktop: $core-ouds-dimension-7000 !default;
614
+ $ouds-size-max-width-type-body-large-mobile: $core-ouds-dimension-6000 !default;
615
+ $ouds-size-max-width-type-body-large-tablet: $core-ouds-dimension-6000 !default;
616
+ $ouds-size-max-width-type-body-medium-desktop: $core-ouds-dimension-6000 !default;
617
+ $ouds-size-max-width-type-body-medium-mobile: $core-ouds-dimension-6000 !default;
618
+ $ouds-size-max-width-type-body-medium-tablet: $core-ouds-dimension-6000 !default;
619
+ $ouds-size-max-width-type-body-small-desktop: $core-ouds-dimension-6000 !default;
620
+ $ouds-size-max-width-type-body-small-mobile: $core-ouds-dimension-6000 !default;
621
+ $ouds-size-max-width-type-body-small-tablet: $core-ouds-dimension-6000 !default;
622
+ $ouds-size-max-width-type-display-large-desktop: $core-ouds-dimension-11000 !default;
623
+ $ouds-size-max-width-type-display-large-mobile: $core-ouds-dimension-9000 !default;
624
+ $ouds-size-max-width-type-display-large-tablet: $core-ouds-dimension-9000 !default;
625
+ $ouds-size-max-width-type-display-medium-desktop: $core-ouds-dimension-11000 !default;
626
+ $ouds-size-max-width-type-display-medium-mobile: $core-ouds-dimension-9000 !default;
627
+ $ouds-size-max-width-type-display-medium-tablet: $core-ouds-dimension-9000 !default;
628
+ $ouds-size-max-width-type-display-small-desktop: $core-ouds-dimension-11000 !default;
629
+ $ouds-size-max-width-type-display-small-mobile: $core-ouds-dimension-7000 !default;
630
+ $ouds-size-max-width-type-display-small-tablet: $core-ouds-dimension-9000 !default;
631
+ $ouds-size-max-width-type-heading-large-desktop: $core-ouds-dimension-9000 !default;
632
+ $ouds-size-max-width-type-heading-large-mobile: $core-ouds-dimension-7000 !default;
633
+ $ouds-size-max-width-type-heading-large-tablet: $core-ouds-dimension-7000 !default;
634
+ $ouds-size-max-width-type-heading-medium-desktop: $core-ouds-dimension-7000 !default;
635
+ $ouds-size-max-width-type-heading-medium-mobile: $core-ouds-dimension-6000 !default;
636
+ $ouds-size-max-width-type-heading-medium-tablet: $core-ouds-dimension-6000 !default;
637
+ $ouds-size-max-width-type-heading-small-desktop: $core-ouds-dimension-7000 !default;
638
+ $ouds-size-max-width-type-heading-small-mobile: $core-ouds-dimension-6000 !default;
639
+ $ouds-size-max-width-type-heading-small-tablet: $core-ouds-dimension-6000 !default;
640
+ $ouds-size-max-width-type-heading-xlarge-desktop: $core-ouds-dimension-9000 !default;
641
+ $ouds-size-max-width-type-heading-xlarge-mobile: $core-ouds-dimension-7000 !default;
642
+ $ouds-size-max-width-type-heading-xlarge-tablet: $core-ouds-dimension-7000 !default;
643
+ $ouds-size-max-width-type-label-large-desktop: $core-ouds-dimension-7000 !default;
644
+ $ouds-size-max-width-type-label-large-mobile: $core-ouds-dimension-6000 !default;
645
+ $ouds-size-max-width-type-label-large-tablet: $core-ouds-dimension-6000 !default;
646
+ $ouds-size-max-width-type-label-medium-desktop: $core-ouds-dimension-6000 !default;
647
+ $ouds-size-max-width-type-label-medium-mobile: $core-ouds-dimension-6000 !default;
648
+ $ouds-size-max-width-type-label-medium-tablet: $core-ouds-dimension-6000 !default;
649
+ $ouds-size-max-width-type-label-small-desktop: $core-ouds-dimension-6000 !default;
650
+ $ouds-size-max-width-type-label-small-mobile: $core-ouds-dimension-6000 !default;
651
+ $ouds-size-max-width-type-label-small-tablet: $core-ouds-dimension-6000 !default;
652
+ $ouds-size-max-width-type-label-xlarge-desktop: $core-ouds-dimension-7000 !default;
653
+ $ouds-size-max-width-type-label-xlarge-mobile: $core-ouds-dimension-6000 !default;
654
+ $ouds-size-max-width-type-label-xlarge-tablet: $core-ouds-dimension-6000 !default;
655
+ $ouds-size-min-interactive-area: $core-ouds-dimension-500 !default;
656
+ $ouds-size-icon-decorative-2xlarge: $ouds-dimension-6xlarge !default;
657
+ $ouds-size-icon-decorative-2xsmall: $ouds-dimension-4xsmall !default;
658
+ $ouds-size-icon-decorative-3xsmall: $ouds-dimension-5xsmall !default;
659
+ $ouds-size-icon-decorative-4xsmall: $ouds-dimension-7xsmall !default;
660
+ $ouds-size-icon-decorative-large: $ouds-dimension-xlarge !default;
661
+ $ouds-size-icon-decorative-medium: $ouds-dimension-medium !default;
662
+ $ouds-size-icon-decorative-small: $ouds-dimension-xsmall !default;
663
+ $ouds-size-icon-decorative-xlarge: $ouds-dimension-3xlarge !default;
664
+ $ouds-size-icon-decorative-xsmall: $ouds-dimension-3xsmall !default;
665
+ $ouds-size-icon-with-label-large-size-large: $ouds-dimension-xsmall !default;
666
+ $ouds-size-icon-with-label-large-size-medium: $ouds-dimension-2xsmall !default;
667
+ $ouds-size-icon-with-label-large-size-small: $ouds-dimension-3xsmall !default;
668
+ $ouds-size-icon-with-label-large-size-xlarge: $ouds-dimension-large !default;
669
+ $ouds-size-icon-with-label-large-size-xsmall: $ouds-dimension-4xsmall !default;
670
+ $ouds-size-icon-with-label-medium-size-large: $ouds-dimension-3xsmall !default;
671
+ $ouds-size-icon-with-label-medium-size-medium: $ouds-dimension-4xsmall !default;
672
+ $ouds-size-icon-with-label-medium-size-small: $ouds-dimension-4xsmall !default;
673
+ $ouds-size-icon-with-label-medium-size-xsmall: $ouds-dimension-5xsmall !default;
674
+ $ouds-size-icon-with-label-small-size-large: $ouds-dimension-4xsmall !default;
675
+ $ouds-size-icon-with-label-small-size-medium: $ouds-dimension-4xsmall !default;
676
+ $ouds-size-icon-with-label-small-size-small: $ouds-dimension-5xsmall !default;
677
+ $ouds-size-icon-with-label-small-size-xsmall: $ouds-dimension-7xsmall !default;
678
+ $ouds-size-icon-with-label-xlarge-size-large: $ouds-dimension-large !default;
679
+ $ouds-size-icon-with-label-xlarge-size-medium: $ouds-dimension-medium !default;
680
+ $ouds-size-icon-with-label-xlarge-size-small: $ouds-dimension-xsmall !default;
681
+ // scss-docs-end ouds-semantic-size
682
+
683
+ // Space
684
+
685
+ // scss-docs-start ouds-semantic-space
686
+ $ouds-space-fixed-2xlarge: $core-ouds-dimension-500 !default;
687
+ $ouds-space-fixed-2xsmall: $core-ouds-dimension-50 !default;
688
+ $ouds-space-fixed-3xlarge: $core-ouds-dimension-600 !default;
689
+ $ouds-space-fixed-3xsmall: $core-ouds-dimension-out-of-system-50 !default;
690
+ $ouds-space-fixed-4xlarge: $core-ouds-dimension-700 !default;
691
+ $ouds-space-fixed-5xlarge: $core-ouds-dimension-800 !default;
692
+ $ouds-space-fixed-large: $core-ouds-dimension-300 !default;
693
+ $ouds-space-fixed-medium: $core-ouds-dimension-200 !default;
694
+ $ouds-space-fixed-none: $core-ouds-dimension-0 !default;
695
+ $ouds-space-fixed-small: $core-ouds-dimension-150 !default;
696
+ $ouds-space-fixed-xlarge: $core-ouds-dimension-400 !default;
697
+ $ouds-space-fixed-xsmall: $core-ouds-dimension-100 !default;
698
+ $ouds-space-column-gap-2xlarge: $ouds-dimension-3xsmall !default;
699
+ $ouds-space-column-gap-2xsmall: $ouds-dimension-10xsmall !default;
700
+ $ouds-space-column-gap-3xsmall: $ouds-dimension-11xsmall !default;
701
+ $ouds-space-column-gap-large: $ouds-dimension-5xsmall !default;
702
+ $ouds-space-column-gap-medium: $ouds-dimension-6xsmall !default;
703
+ $ouds-space-column-gap-none: $ouds-dimension-none !default;
704
+ $ouds-space-column-gap-small: $ouds-dimension-8xsmall !default;
705
+ $ouds-space-column-gap-xlarge: $ouds-dimension-4xsmall !default;
706
+ $ouds-space-column-gap-xsmall: $ouds-dimension-9xsmall !default;
707
+ $ouds-space-inset-2xlarge: $ouds-dimension-xsmall !default;
708
+ $ouds-space-inset-2xsmall: $ouds-dimension-10xsmall !default;
709
+ $ouds-space-inset-3xlarge: $ouds-dimension-medium !default;
710
+ $ouds-space-inset-3xsmall: $ouds-dimension-11xsmall !default;
711
+ $ouds-space-inset-4xsmall: $ouds-dimension-12xsmall !default;
712
+ $ouds-space-inset-large: $ouds-dimension-5xsmall !default;
713
+ $ouds-space-inset-medium: $ouds-dimension-6xsmall !default;
714
+ $ouds-space-inset-none: $ouds-dimension-none !default;
715
+ $ouds-space-inset-small: $ouds-dimension-8xsmall !default;
716
+ $ouds-space-inset-xlarge: $ouds-dimension-3xsmall !default;
717
+ $ouds-space-inset-xsmall: $ouds-dimension-9xsmall !default;
718
+ $ouds-space-padding-block-2xlarge: $ouds-dimension-3xsmall !default;
719
+ $ouds-space-padding-block-2xsmall: $ouds-dimension-9xsmall !default;
720
+ $ouds-space-padding-block-3xlarge: $ouds-dimension-2xsmall !default;
721
+ $ouds-space-padding-block-3xsmall: $ouds-dimension-10xsmall !default;
722
+ $ouds-space-padding-block-4xlarge: $ouds-dimension-xsmall !default;
723
+ $ouds-space-padding-block-4xsmall: $ouds-dimension-11xsmall !default;
724
+ $ouds-space-padding-block-large: $ouds-dimension-5xsmall !default;
725
+ $ouds-space-padding-block-medium: $ouds-dimension-6xsmall !default;
726
+ $ouds-space-padding-block-none: $ouds-dimension-none !default;
727
+ $ouds-space-padding-block-small: $ouds-dimension-7xsmall !default;
728
+ $ouds-space-padding-block-xlarge: $ouds-dimension-4xsmall !default;
729
+ $ouds-space-padding-block-xsmall: $ouds-dimension-8xsmall !default;
730
+ $ouds-space-padding-inline-2xlarge: $ouds-dimension-3xsmall !default;
731
+ $ouds-space-padding-inline-2xsmall: $ouds-dimension-9xsmall !default;
732
+ $ouds-space-padding-inline-3xlarge: $ouds-dimension-2xsmall !default;
733
+ $ouds-space-padding-inline-3xsmall: $ouds-dimension-10xsmall !default;
734
+ $ouds-space-padding-inline-4xlarge: $ouds-dimension-xsmall !default;
735
+ $ouds-space-padding-inline-4xsmall: $ouds-dimension-11xsmall !default;
736
+ $ouds-space-padding-inline-large: $ouds-dimension-5xsmall !default;
737
+ $ouds-space-padding-inline-medium: $ouds-dimension-6xsmall !default;
738
+ $ouds-space-padding-inline-none: $ouds-dimension-none !default;
739
+ $ouds-space-padding-inline-small: $ouds-dimension-7xsmall !default;
740
+ $ouds-space-padding-inline-xlarge: $ouds-dimension-4xsmall !default;
741
+ $ouds-space-padding-inline-xsmall: $ouds-dimension-8xsmall !default;
742
+ $ouds-space-row-gap-2xsmall: $ouds-dimension-10xsmall !default;
743
+ $ouds-space-row-gap-3xsmall: $ouds-dimension-11xsmall !default;
744
+ $ouds-space-row-gap-large: $ouds-dimension-5xsmall !default;
745
+ $ouds-space-row-gap-medium: $ouds-dimension-6xsmall !default;
746
+ $ouds-space-row-gap-none: $ouds-dimension-none !default;
747
+ $ouds-space-row-gap-small: $ouds-dimension-8xsmall !default;
748
+ $ouds-space-row-gap-xsmall: $ouds-dimension-9xsmall !default;
749
+ $ouds-space-scaled-2xlarge-desktop: $ouds-dimension-3xlarge !default;
750
+ $ouds-space-scaled-2xlarge-mobile: $ouds-dimension-medium !default;
751
+ $ouds-space-scaled-2xlarge-tablet: $ouds-dimension-xlarge !default;
752
+ $ouds-space-scaled-2xsmall-desktop: $ouds-dimension-8xsmall !default;
753
+ $ouds-space-scaled-2xsmall-mobile: $ouds-dimension-10xsmall !default;
754
+ $ouds-space-scaled-2xsmall-tablet: $ouds-dimension-8xsmall !default;
755
+ $ouds-space-scaled-3xlarge-desktop: $ouds-dimension-5xlarge !default;
756
+ $ouds-space-scaled-3xlarge-mobile: $ouds-dimension-xlarge !default;
757
+ $ouds-space-scaled-3xlarge-tablet: $ouds-dimension-3xlarge !default;
758
+ $ouds-space-scaled-3xsmall-desktop: $ouds-dimension-10xsmall !default;
759
+ $ouds-space-scaled-3xsmall-mobile: $ouds-dimension-11xsmall !default;
760
+ $ouds-space-scaled-3xsmall-tablet: $ouds-dimension-10xsmall !default;
761
+ $ouds-space-scaled-large-desktop: $ouds-dimension-medium !default;
762
+ $ouds-space-scaled-large-mobile: $ouds-dimension-3xsmall !default;
763
+ $ouds-space-scaled-large-tablet: $ouds-dimension-xsmall !default;
764
+ $ouds-space-scaled-medium-desktop: $ouds-dimension-xsmall !default;
765
+ $ouds-space-scaled-medium-mobile: $ouds-dimension-5xsmall !default;
766
+ $ouds-space-scaled-medium-tablet: $ouds-dimension-3xsmall !default;
767
+ $ouds-space-scaled-none-desktop: $ouds-dimension-none !default;
768
+ $ouds-space-scaled-none-mobile: $ouds-dimension-none !default;
769
+ $ouds-space-scaled-none-tablet: $ouds-dimension-none !default;
770
+ $ouds-space-scaled-small-desktop: $ouds-dimension-3xsmall !default;
771
+ $ouds-space-scaled-small-mobile: $ouds-dimension-6xsmall !default;
772
+ $ouds-space-scaled-small-tablet: $ouds-dimension-5xsmall !default;
773
+ $ouds-space-scaled-xlarge-desktop: $ouds-dimension-xlarge !default;
774
+ $ouds-space-scaled-xlarge-mobile: $ouds-dimension-xsmall !default;
775
+ $ouds-space-scaled-xlarge-tablet: $ouds-dimension-medium !default;
776
+ $ouds-space-scaled-xsmall-desktop: $ouds-dimension-5xsmall !default;
777
+ $ouds-space-scaled-xsmall-mobile: $ouds-dimension-8xsmall !default;
778
+ $ouds-space-scaled-xsmall-tablet: $ouds-dimension-6xsmall !default;
779
+ // scss-docs-end ouds-semantic-space