Skip to content

Commit 5fef515

Browse files
vprothaisvprothais
committed
Add missing scss variables to migration docs
1 parent e76e5ac commit 5fef515

File tree

2 files changed

+237
-1
lines changed

2 files changed

+237
-1
lines changed

‎site/content/docs/0.0/migration-from-boosted.md‎

Lines changed: 118 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -912,6 +912,7 @@ All responsive classes, helpers, and utilities have been updated accordingly to
912912
<li><code>$ouds-dimension-750</code></li>
913913
<li><code>$ouds-dimension-800</code></li>
914914
<li><code>$ouds-dimension-900</code></li>
915+
<li><code>$ouds-dimension-4000</code></li>
915916
<li><code>$ouds-dimension-base</code></li>
916917
<li><code>$ouds-elevation-blur-0</code></li>
917918
<li><code>$ouds-elevation-blur-200</code></li>
@@ -1363,6 +1364,123 @@ All responsive classes, helpers, and utilities have been updated accordingly to
13631364
</ul>
13641365
</details>
13651366

1367+
- <details class="mb-short">
1368+
<summary><span class="badge text-bg-status-positive-emphasized">New</span> Sass variables containing CSS variable with value depending on theme:</summary>
1369+
<ul>
1370+
<li><code>$ouds-color-action-disabled</code></li>
1371+
<li><code>$ouds-color-action-enabled</code></li>
1372+
<li><code>$ouds-color-action-focus</code></li>
1373+
<li><code>$ouds-color-action-highlighted</code></li>
1374+
<li><code>$ouds-color-action-hover</code></li>
1375+
<li><code>$ouds-color-action-loading</code></li>
1376+
<li><code>$ouds-color-action-negative-enabled</code></li>
1377+
<li><code>$ouds-color-action-negative-focus</code></li>
1378+
<li><code>$ouds-color-action-negative-hover</code></li>
1379+
<li><code>$ouds-color-action-negative-loading</code></li>
1380+
<li><code>$ouds-color-action-negative-pressed</code></li>
1381+
<li><code>$ouds-color-action-pressed</code></li>
1382+
<li><code>$ouds-color-action-selected</code></li>
1383+
<li><code>$ouds-color-action-support-enabled</code></li>
1384+
<li><code>$ouds-color-action-support-focus</code></li>
1385+
<li><code>$ouds-color-action-support-hover</code></li>
1386+
<li><code>$ouds-color-action-support-loading</code></li>
1387+
<li><code>$ouds-color-action-support-pressed</code></li>
1388+
<li><code>$ouds-color-action-visited</code></li>
1389+
<li><code>$ouds-color-always-black</code></li>
1390+
<li><code>$ouds-color-always-on-black</code></li>
1391+
<li><code>$ouds-color-always-on-white</code></li>
1392+
<li><code>$ouds-color-always-white</code></li>
1393+
<li><code>$ouds-color-bg-emphasized</code></li>
1394+
<li><code>$ouds-color-bg-primary</code></li>
1395+
<li><code>$ouds-color-bg-secondary</code></li>
1396+
<li><code>$ouds-color-bg-tertiary</code></li>
1397+
<li><code>$ouds-color-border-brand-primary</code></li>
1398+
<li><code>$ouds-color-border-default</code></li>
1399+
<li><code>$ouds-color-border-emphasized</code></li>
1400+
<li><code>$ouds-color-border-focus</code></li>
1401+
<li><code>$ouds-color-border-focus-inset</code></li>
1402+
<li><code>$ouds-color-border-on-brand-primary</code></li>
1403+
<li><code>$ouds-color-content-brand-primary</code></li>
1404+
<li><code>$ouds-color-content-default</code></li>
1405+
<li><code>$ouds-color-content-disabled</code></li>
1406+
<li><code>$ouds-color-content-muted</code></li>
1407+
<li><code>$ouds-color-content-on-action-disabled</code></li>
1408+
<li><code>$ouds-color-content-on-action-enabled</code></li>
1409+
<li><code>$ouds-color-content-on-action-focus</code></li>
1410+
<li><code>$ouds-color-content-on-action-highlighted</code></li>
1411+
<li><code>$ouds-color-content-on-action-hover</code></li>
1412+
<li><code>$ouds-color-content-on-action-loading</code></li>
1413+
<li><code>$ouds-color-content-on-action-pressed</code></li>
1414+
<li><code>$ouds-color-content-on-brand-primary</code></li>
1415+
<li><code>$ouds-color-content-on-overlay-emphasized</code></li>
1416+
<li><code>$ouds-color-content-on-status-emphasized</code></li>
1417+
<li><code>$ouds-color-content-on-status-emphasized-alt</code></li>
1418+
<li><code>$ouds-color-content-on-status-muted</code></li>
1419+
<li><code>$ouds-color-content-status-info</code></li>
1420+
<li><code>$ouds-color-content-status-negative</code></li>
1421+
<li><code>$ouds-color-content-status-positive</code></li>
1422+
<li><code>$ouds-color-content-status-warning</code></li>
1423+
<li><code>$ouds-color-decorative-accent-1-default</code></li>
1424+
<li><code>$ouds-color-decorative-accent-1-emphasized</code></li>
1425+
<li><code>$ouds-color-decorative-accent-1-muted</code></li>
1426+
<li><code>$ouds-color-decorative-accent-2-default</code></li>
1427+
<li><code>$ouds-color-decorative-accent-2-emphasized</code></li>
1428+
<li><code>$ouds-color-decorative-accent-2-muted</code></li>
1429+
<li><code>$ouds-color-decorative-accent-3-default</code></li>
1430+
<li><code>$ouds-color-decorative-accent-3-emphasized</code></li>
1431+
<li><code>$ouds-color-decorative-accent-3-muted</code></li>
1432+
<li><code>$ouds-color-decorative-accent-4-default</code></li>
1433+
<li><code>$ouds-color-decorative-accent-4-emphasized</code></li>
1434+
<li><code>$ouds-color-decorative-accent-4-muted</code></li>
1435+
<li><code>$ouds-color-decorative-accent-5-default</code></li>
1436+
<li><code>$ouds-color-decorative-accent-5-emphasized</code></li>
1437+
<li><code>$ouds-color-decorative-accent-5-muted</code></li>
1438+
<li><code>$ouds-color-decorative-brand-primary</code></li>
1439+
<li><code>$ouds-color-decorative-brand-secondary</code></li>
1440+
<li><code>$ouds-color-decorative-brand-tertiary</code></li>
1441+
<li><code>$ouds-color-decorative-neutral-default</code></li>
1442+
<li><code>$ouds-color-decorative-neutral-emphasized</code></li>
1443+
<li><code>$ouds-color-decorative-neutral-muted</code></li>
1444+
<li><code>$ouds-color-decorative-skin-tint-100</code></li>
1445+
<li><code>$ouds-color-decorative-skin-tint-200</code></li>
1446+
<li><code>$ouds-color-decorative-skin-tint-300</code></li>
1447+
<li><code>$ouds-color-decorative-skin-tint-400</code></li>
1448+
<li><code>$ouds-color-decorative-skin-tint-500</code></li>
1449+
<li><code>$ouds-color-decorative-skin-tint-600</code></li>
1450+
<li><code>$ouds-color-decorative-skin-tint-700</code></li>
1451+
<li><code>$ouds-color-decorative-skin-tint-800</code></li>
1452+
<li><code>$ouds-color-decorative-skin-tint-900</code></li>
1453+
<li><code>$ouds-color-opacity-lower</code></li>
1454+
<li><code>$ouds-color-opacity-lowest</code></li>
1455+
<li><code>$ouds-color-opacity-transparent</code></li>
1456+
<li><code>$ouds-color-overlay-default</code></li>
1457+
<li><code>$ouds-color-overlay-drag</code></li>
1458+
<li><code>$ouds-color-overlay-emphasized</code></li>
1459+
<li><code>$ouds-color-overlay-modal</code></li>
1460+
<li><code>$ouds-color-surface-brand-primary</code></li>
1461+
<li><code>$ouds-color-surface-status-accent-emphasized</code></li>
1462+
<li><code>$ouds-color-surface-status-accent-muted</code></li>
1463+
<li><code>$ouds-color-surface-status-info-emphasized</code></li>
1464+
<li><code>$ouds-color-surface-status-info-muted</code></li>
1465+
<li><code>$ouds-color-surface-status-negative-emphasized</code></li>
1466+
<li><code>$ouds-color-surface-status-negative-muted</code></li>
1467+
<li><code>$ouds-color-surface-status-neutral-emphasized</code></li>
1468+
<li><code>$ouds-color-surface-status-neutral-muted</code></li>
1469+
<li><code>$ouds-color-surface-status-positive-emphasized</code></li>
1470+
<li><code>$ouds-color-surface-status-positive-muted</code></li>
1471+
<li><code>$ouds-color-surface-status-warning-emphasized</code></li>
1472+
<li><code>$ouds-color-surface-status-warning-muted</code></li>
1473+
<li><code>$ouds-elevation-color-default</code></li>
1474+
<li><code>$ouds-elevation-color-drag</code></li>
1475+
<li><code>$ouds-elevation-color-emphasized</code></li>
1476+
<li><code>$ouds-elevation-color-none</code></li>
1477+
<li><code>$ouds-elevation-color-raised</code></li>
1478+
<li><code>$ouds-elevation-color-sticky-default</code></li>
1479+
<li><code>$ouds-elevation-color-sticky-emphasized</code></li>
1480+
<li><code>$ouds-elevation-color-sticky-navigation-scrolled</code></li>
1481+
</ul>
1482+
</details>
1483+
13661484
- <details class="mb-short">
13671485
<summary><span class="badge text-bg-status-positive-emphasized">New</span> Sass maps:</summary>
13681486
<ul>

‎site/content/docs/0.0/migration.md‎

Lines changed: 119 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ aliases:
99
toc: true
1010
---
1111

12-
## v0.0.4
12+
## v0.1.0
1313

1414
### Foundations
1515

@@ -720,6 +720,7 @@ toc: true
720720
<li><code>$ouds-dimension-750</code></li>
721721
<li><code>$ouds-dimension-800</code></li>
722722
<li><code>$ouds-dimension-900</code></li>
723+
<li><code>$ouds-dimension-4000</code></li>
723724
<li><code>$ouds-dimension-base</code></li>
724725
<li><code>$ouds-elevation-blur-0</code></li>
725726
<li><code>$ouds-elevation-blur-200</code></li>
@@ -1171,6 +1172,123 @@ toc: true
11711172
</ul>
11721173
</details>
11731174

1175+
- <details class="mb-short">
1176+
<summary><span class="badge text-bg-status-positive-emphasized">New</span> Sass variables containing CSS variable with value depending on theme:</summary>
1177+
<ul>
1178+
<li><code>$ouds-color-action-disabled</code></li>
1179+
<li><code>$ouds-color-action-enabled</code></li>
1180+
<li><code>$ouds-color-action-focus</code></li>
1181+
<li><code>$ouds-color-action-highlighted</code></li>
1182+
<li><code>$ouds-color-action-hover</code></li>
1183+
<li><code>$ouds-color-action-loading</code></li>
1184+
<li><code>$ouds-color-action-negative-enabled</code></li>
1185+
<li><code>$ouds-color-action-negative-focus</code></li>
1186+
<li><code>$ouds-color-action-negative-hover</code></li>
1187+
<li><code>$ouds-color-action-negative-loading</code></li>
1188+
<li><code>$ouds-color-action-negative-pressed</code></li>
1189+
<li><code>$ouds-color-action-pressed</code></li>
1190+
<li><code>$ouds-color-action-selected</code></li>
1191+
<li><code>$ouds-color-action-support-enabled</code></li>
1192+
<li><code>$ouds-color-action-support-focus</code></li>
1193+
<li><code>$ouds-color-action-support-hover</code></li>
1194+
<li><code>$ouds-color-action-support-loading</code></li>
1195+
<li><code>$ouds-color-action-support-pressed</code></li>
1196+
<li><code>$ouds-color-action-visited</code></li>
1197+
<li><code>$ouds-color-always-black</code></li>
1198+
<li><code>$ouds-color-always-on-black</code></li>
1199+
<li><code>$ouds-color-always-on-white</code></li>
1200+
<li><code>$ouds-color-always-white</code></li>
1201+
<li><code>$ouds-color-bg-emphasized</code></li>
1202+
<li><code>$ouds-color-bg-primary</code></li>
1203+
<li><code>$ouds-color-bg-secondary</code></li>
1204+
<li><code>$ouds-color-bg-tertiary</code></li>
1205+
<li><code>$ouds-color-border-brand-primary</code></li>
1206+
<li><code>$ouds-color-border-default</code></li>
1207+
<li><code>$ouds-color-border-emphasized</code></li>
1208+
<li><code>$ouds-color-border-focus</code></li>
1209+
<li><code>$ouds-color-border-focus-inset</code></li>
1210+
<li><code>$ouds-color-border-on-brand-primary</code></li>
1211+
<li><code>$ouds-color-content-brand-primary</code></li>
1212+
<li><code>$ouds-color-content-default</code></li>
1213+
<li><code>$ouds-color-content-disabled</code></li>
1214+
<li><code>$ouds-color-content-muted</code></li>
1215+
<li><code>$ouds-color-content-on-action-disabled</code></li>
1216+
<li><code>$ouds-color-content-on-action-enabled</code></li>
1217+
<li><code>$ouds-color-content-on-action-focus</code></li>
1218+
<li><code>$ouds-color-content-on-action-highlighted</code></li>
1219+
<li><code>$ouds-color-content-on-action-hover</code></li>
1220+
<li><code>$ouds-color-content-on-action-loading</code></li>
1221+
<li><code>$ouds-color-content-on-action-pressed</code></li>
1222+
<li><code>$ouds-color-content-on-brand-primary</code></li>
1223+
<li><code>$ouds-color-content-on-overlay-emphasized</code></li>
1224+
<li><code>$ouds-color-content-on-status-emphasized</code></li>
1225+
<li><code>$ouds-color-content-on-status-emphasized-alt</code></li>
1226+
<li><code>$ouds-color-content-on-status-muted</code></li>
1227+
<li><code>$ouds-color-content-status-info</code></li>
1228+
<li><code>$ouds-color-content-status-negative</code></li>
1229+
<li><code>$ouds-color-content-status-positive</code></li>
1230+
<li><code>$ouds-color-content-status-warning</code></li>
1231+
<li><code>$ouds-color-decorative-accent-1-default</code></li>
1232+
<li><code>$ouds-color-decorative-accent-1-emphasized</code></li>
1233+
<li><code>$ouds-color-decorative-accent-1-muted</code></li>
1234+
<li><code>$ouds-color-decorative-accent-2-default</code></li>
1235+
<li><code>$ouds-color-decorative-accent-2-emphasized</code></li>
1236+
<li><code>$ouds-color-decorative-accent-2-muted</code></li>
1237+
<li><code>$ouds-color-decorative-accent-3-default</code></li>
1238+
<li><code>$ouds-color-decorative-accent-3-emphasized</code></li>
1239+
<li><code>$ouds-color-decorative-accent-3-muted</code></li>
1240+
<li><code>$ouds-color-decorative-accent-4-default</code></li>
1241+
<li><code>$ouds-color-decorative-accent-4-emphasized</code></li>
1242+
<li><code>$ouds-color-decorative-accent-4-muted</code></li>
1243+
<li><code>$ouds-color-decorative-accent-5-default</code></li>
1244+
<li><code>$ouds-color-decorative-accent-5-emphasized</code></li>
1245+
<li><code>$ouds-color-decorative-accent-5-muted</code></li>
1246+
<li><code>$ouds-color-decorative-brand-primary</code></li>
1247+
<li><code>$ouds-color-decorative-brand-secondary</code></li>
1248+
<li><code>$ouds-color-decorative-brand-tertiary</code></li>
1249+
<li><code>$ouds-color-decorative-neutral-default</code></li>
1250+
<li><code>$ouds-color-decorative-neutral-emphasized</code></li>
1251+
<li><code>$ouds-color-decorative-neutral-muted</code></li>
1252+
<li><code>$ouds-color-decorative-skin-tint-100</code></li>
1253+
<li><code>$ouds-color-decorative-skin-tint-200</code></li>
1254+
<li><code>$ouds-color-decorative-skin-tint-300</code></li>
1255+
<li><code>$ouds-color-decorative-skin-tint-400</code></li>
1256+
<li><code>$ouds-color-decorative-skin-tint-500</code></li>
1257+
<li><code>$ouds-color-decorative-skin-tint-600</code></li>
1258+
<li><code>$ouds-color-decorative-skin-tint-700</code></li>
1259+
<li><code>$ouds-color-decorative-skin-tint-800</code></li>
1260+
<li><code>$ouds-color-decorative-skin-tint-900</code></li>
1261+
<li><code>$ouds-color-opacity-lower</code></li>
1262+
<li><code>$ouds-color-opacity-lowest</code></li>
1263+
<li><code>$ouds-color-opacity-transparent</code></li>
1264+
<li><code>$ouds-color-overlay-default</code></li>
1265+
<li><code>$ouds-color-overlay-drag</code></li>
1266+
<li><code>$ouds-color-overlay-emphasized</code></li>
1267+
<li><code>$ouds-color-overlay-modal</code></li>
1268+
<li><code>$ouds-color-surface-brand-primary</code></li>
1269+
<li><code>$ouds-color-surface-status-accent-emphasized</code></li>
1270+
<li><code>$ouds-color-surface-status-accent-muted</code></li>
1271+
<li><code>$ouds-color-surface-status-info-emphasized</code></li>
1272+
<li><code>$ouds-color-surface-status-info-muted</code></li>
1273+
<li><code>$ouds-color-surface-status-negative-emphasized</code></li>
1274+
<li><code>$ouds-color-surface-status-negative-muted</code></li>
1275+
<li><code>$ouds-color-surface-status-neutral-emphasized</code></li>
1276+
<li><code>$ouds-color-surface-status-neutral-muted</code></li>
1277+
<li><code>$ouds-color-surface-status-positive-emphasized</code></li>
1278+
<li><code>$ouds-color-surface-status-positive-muted</code></li>
1279+
<li><code>$ouds-color-surface-status-warning-emphasized</code></li>
1280+
<li><code>$ouds-color-surface-status-warning-muted</code></li>
1281+
<li><code>$ouds-elevation-color-default</code></li>
1282+
<li><code>$ouds-elevation-color-drag</code></li>
1283+
<li><code>$ouds-elevation-color-emphasized</code></li>
1284+
<li><code>$ouds-elevation-color-none</code></li>
1285+
<li><code>$ouds-elevation-color-raised</code></li>
1286+
<li><code>$ouds-elevation-color-sticky-default</code></li>
1287+
<li><code>$ouds-elevation-color-sticky-emphasized</code></li>
1288+
<li><code>$ouds-elevation-color-sticky-navigation-scrolled</code></li>
1289+
</ul>
1290+
</details>
1291+
11741292
- <details class="mb-short">
11751293
<summary><span class="badge text-bg-status-positive-emphasized">New</span> Sass maps:</summary>
11761294
<ul>

0 commit comments

Comments
 (0)