@pantoken/scss 0.1.15 → 0.1.16

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 (2) hide show
  1. package/generated/tokens.scss +158 -87
  2. package/package.json +5 -5
@@ -387,7 +387,7 @@ $instui-font-size-text-sm: 0.875rem;
387
387
  $instui-font-size-text-base: 1rem;
388
388
  $instui-font-size-text-lg: 1.25rem;
389
389
  $instui-font-size-text-xl: 1.75rem;
390
- $instui-font-size-text2xl: 2.5rem;
390
+ $instui-font-size-text2xl: 2.25rem;
391
391
  $instui-opacity-base: 1;
392
392
  $instui-opacity-disabled: 0.5;
393
393
  $instui-color-background-base: #ffffff;
@@ -400,7 +400,7 @@ $instui-color-background-inverse: #334450;
400
400
  $instui-color-background-dark: #273540;
401
401
  $instui-color-background-success: #03893D;
402
402
  $instui-color-background-error: #E62429;
403
- $instui-color-background-warning: #CF4A00;
403
+ $instui-color-background-warning: #F0C16C;
404
404
  $instui-color-background-info: #2B7ABC;
405
405
  $instui-color-background-brand: #1D354F;
406
406
  $instui-color-background-ai-top-gradient: #9E58BD;
@@ -408,8 +408,19 @@ $instui-color-background-ai-bottom-gradient: #00828E;
408
408
  $instui-color-background-ai-text: #F3E5F7;
409
409
  $instui-color-background-opacity: rgba(35,68,101,0.1);
410
410
  $instui-color-background-opacity-on-color: rgba(255,255,255,0.1);
411
+ $instui-color-background-mobile-nav: #F2F4F5;
411
412
  $instui-color-background-pastel-violet: #F3E5F7;
412
413
  $instui-color-background-pastel-sea: #CFF0F6;
414
+ $instui-color-background-pastel-plum: #FAE3EF;
415
+ $instui-color-background-pastel-sky: #D6EDFE;
416
+ $instui-color-background-pastel-stone: #E9E9E9;
417
+ $instui-color-background-pastel-aurora: #C8F3DF;
418
+ $instui-color-background-pastel-orange: #FFE4D7;
419
+ $instui-color-background-pastel-info: #DEEBFF;
420
+ $instui-color-background-pastel-success: #CAF4D0;
421
+ $instui-color-background-pastel-warning: #F7E7CF;
422
+ $instui-color-background-pastel-error: #FFE3DE;
423
+ $instui-color-background-pastel-neutral: #E8EAEC;
413
424
  $instui-color-background-divider-base: #C7CACD;
414
425
  $instui-color-background-divider-on-color: #ffffff;
415
426
  $instui-color-background-interactive-input-base: #ffffff;
@@ -451,8 +462,8 @@ $instui-color-background-interactive-action-ai-secondary-hover-bottom-gradient:
451
462
  $instui-color-background-interactive-action-ai-secondary-active-top-gradient: #F3E5F7;
452
463
  $instui-color-background-interactive-action-ai-secondary-active-bottom-gradient: #CFF0F6;
453
464
  $instui-color-background-interactive-action-primary-on-color-base: #ffffff;
454
- $instui-color-background-interactive-action-primary-on-color-hover: #D5E2F6;
455
- $instui-color-background-interactive-action-primary-on-color-active: #B6CCEA;
465
+ $instui-color-background-interactive-action-primary-on-color-hover: #EEF4FD;
466
+ $instui-color-background-interactive-action-primary-on-color-active: #E2EAF7;
456
467
  $instui-color-background-interactive-action-primary-on-color-disabled: #8D959F;
457
468
  $instui-color-background-interactive-action-tertiary-hover: #EEF4FD;
458
469
  $instui-color-background-interactive-action-tertiary-active: #E2EAF7;
@@ -635,7 +646,7 @@ $instui-color-stroke-muted: #E8EAEC;
635
646
  $instui-color-stroke-strong: #5F6E7A;
636
647
  $instui-color-stroke-success: #03893D;
637
648
  $instui-color-stroke-error: #E62429;
638
- $instui-color-stroke-warning: #CF4A00;
649
+ $instui-color-stroke-warning: #F0C16C;
639
650
  $instui-color-stroke-info: #2B7ABC;
640
651
  $instui-color-stroke-brand: #1D354F;
641
652
  $instui-color-stroke-ai-top-gradient: #9E58BD;
@@ -711,10 +722,10 @@ $instui-color-stroke-accent-sea: #027887;
711
722
  $instui-color-stroke-accent-aurora: #057C58;
712
723
  $instui-color-text-base: #273540;
713
724
  $instui-color-text-muted: #576773;
714
- $instui-color-text-success: #037D37;
715
- $instui-color-text-error: #CF1F24;
716
- $instui-color-text-warning: #BB4200;
717
- $instui-color-text-info: #2871AF;
725
+ $instui-color-text-success: #017533;
726
+ $instui-color-text-error: #C51F22;
727
+ $instui-color-text-warning: #664800;
728
+ $instui-color-text-info: #2369A4;
718
729
  $instui-color-text-ai-color: #8A49A7;
719
730
  $instui-color-text-dark: #273540;
720
731
  $instui-color-text-on-color: #ffffff;
@@ -774,22 +785,22 @@ $instui-color-text-interactive-action-secondary-on-color-disabled: #9EA6AD;
774
785
  $instui-color-text-accent-blue: #2871AF;
775
786
  $instui-color-text-accent-green: #037D37;
776
787
  $instui-color-text-accent-red: #CF1F24;
777
- $instui-color-text-accent-orange: #BB4200;
788
+ $instui-color-text-accent-orange: #B23F01;
778
789
  $instui-color-text-accent-grey: #4A5B68;
779
790
  $instui-color-text-accent-ash: #273540;
780
- $instui-color-text-accent-plum: #B43D89;
781
- $instui-color-text-accent-violet: #944FB3;
782
- $instui-color-text-accent-stone: #6C6C6C;
783
- $instui-color-text-accent-sky: #17759F;
784
- $instui-color-text-accent-honey: #8C6400;
785
- $instui-color-text-accent-sea: #027887;
786
- $instui-color-text-accent-aurora: #057C58;
791
+ $instui-color-text-accent-plum: #A83780;
792
+ $instui-color-text-accent-violet: #8A49A7;
793
+ $instui-color-text-accent-stone: #646464;
794
+ $instui-color-text-accent-sky: #116D94;
795
+ $instui-color-text-accent-honey: #855F02;
796
+ $instui-color-text-accent-sea: #02717E;
797
+ $instui-color-text-accent-aurora: #007352;
787
798
  $instui-color-icon-base: #273540;
788
799
  $instui-color-icon-muted: #576773;
789
- $instui-color-icon-success: #037D37;
790
- $instui-color-icon-error: #CF1F24;
791
- $instui-color-icon-warning: #BB4200;
792
- $instui-color-icon-info: #2871AF;
800
+ $instui-color-icon-success: #017533;
801
+ $instui-color-icon-error: #C51F22;
802
+ $instui-color-icon-warning: #664800;
803
+ $instui-color-icon-info: #2369A4;
793
804
  $instui-color-icon-dark: #273540;
794
805
  $instui-color-icon-on-color: #ffffff;
795
806
  $instui-color-icon-inverse: #ffffff;
@@ -856,7 +867,6 @@ $instui-color-icon-accent-sea: #027887;
856
867
  $instui-color-icon-accent-aurora: #057C58;
857
868
  $instui-color-drop-shadow-shadow-color1: rgba(35;
858
869
  $instui-color-drop-shadow-shadow-color2: rgba(35;
859
- $instui-color-transparent-color: #00000000;
860
870
  $instui-color-institutional-brand-primary: #1D354F;
861
871
  $instui-color-institutional-brand-font-color-dark: #273540;
862
872
  $instui-color-institutional-link-color: #2369A4;
@@ -868,6 +878,8 @@ $instui-color-institutional-brand-global-nav-bgd: #ffffff;
868
878
  $instui-color-institutional-global-nav-link-hover: #EEF4FD;
869
879
  $instui-color-institutional-brand-global-nav-menu-item-text-color: #273540;
870
880
  $instui-color-institutional-brand-global-nav-menu-item-text-color-active: #ffffff;
881
+ $instui-color-transparent-color: #00000000;
882
+ $instui-color-mobile-course: #B43D89;
871
883
  $instui-drop-shadow-x-elevation1-dropshadow1: 0px;
872
884
  $instui-drop-shadow-x-elevation1-dropshadow2: 0px;
873
885
  $instui-drop-shadow-x-elevation2-dropshadow1: 0px;
@@ -909,7 +921,7 @@ $instui-component-view-border-color-success: #03893D;
909
921
  $instui-component-view-border-color-brand: #1D354F;
910
922
  $instui-component-view-border-color-info: #2B7ABC;
911
923
  $instui-component-view-border-color-alert: #2B7ABC;
912
- $instui-component-view-border-color-warning: #CF4A00;
924
+ $instui-component-view-border-color-warning: #F0C16C;
913
925
  $instui-component-view-border-color-danger: #E62429;
914
926
  $instui-component-view-border-color-transparent: #00000000;
915
927
  $instui-component-view-debug-outline-color: #E62429;
@@ -921,7 +933,7 @@ $instui-component-view-background-info: #2B7ABC;
921
933
  $instui-component-view-background-alert: #2B7ABC;
922
934
  $instui-component-view-background-success: #03893D;
923
935
  $instui-component-view-background-danger: #E62429;
924
- $instui-component-view-background-warning: #CF4A00;
936
+ $instui-component-view-background-warning: #F0C16C;
925
937
  $instui-component-view-stacking-topmost: 9999;
926
938
  $instui-component-view-stacking-above: 1;
927
939
  $instui-component-view-stacking-below: -1;
@@ -1195,7 +1207,7 @@ $instui-component-text-font-size-x-small: 0.75rem;
1195
1207
  $instui-component-text-font-size-small: 0.875rem;
1196
1208
  $instui-component-text-font-size-medium: 1rem;
1197
1209
  $instui-component-text-font-size-large: 1.75rem;
1198
- $instui-component-text-font-size-x-large: 2.5rem;
1210
+ $instui-component-text-font-size-x-large: 2.25rem;
1199
1211
  $instui-component-text-font-size-x-x-large: 2.375rem;
1200
1212
  $instui-component-text-font-weight-light: 300;
1201
1213
  $instui-component-text-font-weight-normal: 400;
@@ -1216,14 +1228,14 @@ $instui-component-text-letter-spacing-normal: 0rem;
1216
1228
  $instui-component-text-ai-background-color: #F3E5F7;
1217
1229
  $instui-component-text-ai-color: #8A49A7;
1218
1230
  $instui-component-text-primary-color: #1D354F;
1219
- $instui-component-text-error-color: #CF1F24;
1231
+ $instui-component-text-error-color: #C51F22;
1220
1232
  $instui-component-text-base-color: #273540;
1221
1233
  $instui-component-text-base-on-color: #ffffff;
1222
1234
  $instui-component-text-inverse-color: #ffffff;
1223
1235
  $instui-component-text-muted-color: #576773;
1224
1236
  $instui-component-text-muted-on-color: #ffffff;
1225
- $instui-component-text-success-color: #037D37;
1226
- $instui-component-text-warning-color: #BB4200;
1237
+ $instui-component-text-success-color: #017533;
1238
+ $instui-component-text-warning-color: #664800;
1227
1239
  $instui-component-text-font-family: Atkinson Hyperlegible Next, "Helvetica Neue", Helvetica, Arial, sans-serif;
1228
1240
  $instui-component-text-font-family-monospace: Menlo, Consolas, Monaco, "Andale Mono", monospace;
1229
1241
  $instui-component-tag-default-background: #44709F;
@@ -1329,7 +1341,7 @@ $instui-component-table-col-header-font-size: 1rem;
1329
1341
  $instui-component-table-col-header-line-height: 125%;
1330
1342
  $instui-component-table-col-header-padding-vertical: 0.5rem;
1331
1343
  $instui-component-table-col-header-padding-horizontal: 0.75rem;
1332
- $instui-component-spinner-color: #2871AF;
1344
+ $instui-component-spinner-color: #2369A4;
1333
1345
  $instui-component-spinner-inverse-color: #ffffff;
1334
1346
  $instui-component-spinner-track-color: rgba(35,68,101,0.1);
1335
1347
  $instui-component-spinner-stroke-width-xs: 0.25em;
@@ -1355,20 +1367,20 @@ $instui-component-source-code-editor-gutter-background: #F2F4F5;
1355
1367
  $instui-component-source-code-editor-horizontal-padding: 0.5rem;
1356
1368
  $instui-component-source-code-editor-vertical-padding: 0.375rem;
1357
1369
  $instui-component-source-code-editor-focused-selection-background-color: rgba(90,75,227,0.2);
1358
- $instui-component-source-code-editor-placeholder-background-color: #6C6C6C;
1359
- $instui-component-source-code-editor-tag-keyword-color: #944FB3;
1370
+ $instui-component-source-code-editor-placeholder-background-color: #646464;
1371
+ $instui-component-source-code-editor-tag-keyword-color: #8A49A7;
1360
1372
  $instui-component-source-code-editor-tag-literal-color: #037D37;
1361
1373
  $instui-component-source-code-editor-tag-string-color: #CF1F24;
1362
1374
  $instui-component-source-code-editor-tag-definition-variable-name-color: #2871AF;
1363
- $instui-component-source-code-editor-tag-local-variable-name-color: #17759F;
1364
- $instui-component-source-code-editor-tag-class-name-color: #027887;
1365
- $instui-component-source-code-editor-tag-special-variable-name-color: #027887;
1375
+ $instui-component-source-code-editor-tag-local-variable-name-color: #116D94;
1376
+ $instui-component-source-code-editor-tag-class-name-color: #02717E;
1377
+ $instui-component-source-code-editor-tag-special-variable-name-color: #02717E;
1366
1378
  $instui-component-source-code-editor-tag-definition-property-name-color: #2871AF;
1367
- $instui-component-source-code-editor-tag-comment-color: #BB4200;
1379
+ $instui-component-source-code-editor-tag-comment-color: #B23F01;
1368
1380
  $instui-component-source-code-editor-tag-meta-color: #576773;
1369
- $instui-component-source-code-editor-tag-reg-exp-color: #BB4200;
1370
- $instui-component-source-code-editor-tag-type-name-color: #057C58;
1371
- $instui-component-source-code-editor-tag-invalid-color: #CF1F24;
1381
+ $instui-component-source-code-editor-tag-reg-exp-color: #B23F01;
1382
+ $instui-component-source-code-editor-tag-type-name-color: #007352;
1383
+ $instui-component-source-code-editor-tag-invalid-color: #C51F22;
1372
1384
  $instui-component-source-code-editor-tag-atom-color: #2871AF;
1373
1385
  $instui-component-source-code-editor-active-line-color: #99999912;
1374
1386
  $instui-component-side-nav-bar-new-background-color: #ffffff;
@@ -1377,14 +1389,14 @@ $instui-component-side-nav-bar-new-border-color: #E8EAEC;
1377
1389
  $instui-component-side-nav-bar-new-text-color: #273540;
1378
1390
  $instui-component-side-nav-bar-new-minimizedmin-width: 6.5rem;
1379
1391
  $instui-component-side-nav-bar-new-toggle-transition: 300ms;
1380
- $instui-component-side-nav-bar-new-min-width: 17.25rem;
1392
+ $instui-component-side-nav-bar-new-min-width: 16rem;
1381
1393
  $instui-component-side-nav-bar-new-margin: 0.75rem;
1382
1394
  $instui-component-side-nav-bar-new-minimized-margin: 0.375rem;
1383
1395
  $instui-component-side-nav-bar-new-main-nav-margin: 0.75rem;
1384
1396
  $instui-component-side-nav-bar-new-main-nav-minimized-margin: 0rem;
1385
1397
  $instui-component-side-nav-bar-new-main-nav-gap: 0.5rem;
1386
1398
  $instui-component-side-nav-bar-new-nav-items-gap: 0.25rem;
1387
- $instui-component-side-nav-bar-new-border-radius: 1rem;
1399
+ $instui-component-side-nav-bar-new-border-radius: 0.75rem;
1388
1400
  $instui-component-side-nav-bar-new-minimized-border-radius: 0.5rem;
1389
1401
  $instui-component-side-nav-bar-new-border-width: 0.0625rem;
1390
1402
  $instui-component-side-nav-bar-new-item-horizontal-padding: 0.5rem;
@@ -1414,7 +1426,7 @@ $instui-component-side-nav-bar-new-drilldown-option-active-background-color: #E2
1414
1426
  $instui-component-side-nav-bar-new-drilldown-option-selected-background-color: #1D354F;
1415
1427
  $instui-component-side-nav-bar-new-drilldown-option-text-color: #273540;
1416
1428
  $instui-component-side-nav-bar-new-drilldown-option-selected-text-color: #ffffff;
1417
- $instui-component-side-nav-bar-new-drilldown-option-logout-text-color: #CF1F24;
1429
+ $instui-component-side-nav-bar-new-drilldown-option-logout-text-color: #C51F22;
1418
1430
  $instui-component-side-nav-bar-new-drilldown-option-border-radius: 0.75rem;
1419
1431
  $instui-component-side-nav-bar-new-button-text-color: #273540;
1420
1432
  $instui-component-side-nav-bar-new-sub-nav-stroke-color: #E8EAEC;
@@ -1550,7 +1562,7 @@ $instui-component-shared-tokens-background-inverse-color: #334450;
1550
1562
  $instui-component-shared-tokens-background-success-color: #03893D;
1551
1563
  $instui-component-shared-tokens-background-error-color: #E62429;
1552
1564
  $instui-component-shared-tokens-background-info-color: #2B7ABC;
1553
- $instui-component-shared-tokens-background-warning-color: #CF4A00;
1565
+ $instui-component-shared-tokens-background-warning-color: #F0C16C;
1554
1566
  $instui-component-shared-tokens-background-ai-top-gradient-color: #9E58BD;
1555
1567
  $instui-component-shared-tokens-background-ai-bottom-gradient-color: #00828E;
1556
1568
  $instui-component-shared-tokens-background-ai-text-color: #F3E5F7;
@@ -1573,7 +1585,7 @@ $instui-component-shared-tokens-stroke-strong-color: #5F6E7A;
1573
1585
  $instui-component-shared-tokens-stroke-brand-color: #1D354F;
1574
1586
  $instui-component-shared-tokens-stroke-success-color: #03893D;
1575
1587
  $instui-component-shared-tokens-stroke-error-color: #E62429;
1576
- $instui-component-shared-tokens-stroke-warning-color: #CF4A00;
1588
+ $instui-component-shared-tokens-stroke-warning-color: #F0C16C;
1577
1589
  $instui-component-shared-tokens-stroke-info-color: #2B7ABC;
1578
1590
  $instui-component-shared-tokens-stroke-ai-top-gradient-color: #9E58BD;
1579
1591
  $instui-component-shared-tokens-stroke-ai-bottom-gradient-color: #00828E;
@@ -1661,10 +1673,10 @@ $instui-component-radio-input-toggle-small-height: 2rem;
1661
1673
  $instui-component-radio-input-toggle-medium-height: 2.5rem;
1662
1674
  $instui-component-radio-input-toggle-large-height: 3rem;
1663
1675
  $instui-component-radio-input-control-vertical-margin: 0rem;
1664
- $instui-component-radio-input-toggle-background-danger: #CF4A00;
1676
+ $instui-component-radio-input-toggle-background-danger: #F0C16C;
1665
1677
  $instui-component-radio-input-toggle-background-off: #03893D;
1666
1678
  $instui-component-radio-input-toggle-background-success: #03893D;
1667
- $instui-component-radio-input-toggle-background-warning: #CF4A00;
1679
+ $instui-component-radio-input-toggle-background-warning: #F0C16C;
1668
1680
  $instui-component-radio-input-toggle-handle-text: #ffffff;
1669
1681
  $instui-component-radio-input-toggle-border-radius: 0.25rem;
1670
1682
  $instui-component-radio-input-toggle-border-width: 0.25rem;
@@ -1703,7 +1715,7 @@ $instui-component-progress-circle-meter-color-info: #2B7ABC;
1703
1715
  $instui-component-progress-circle-meter-color-info-inverse: #ffffff;
1704
1716
  $instui-component-progress-circle-meter-color-success: #03893D;
1705
1717
  $instui-component-progress-circle-meter-color-success-inverse: #ffffff;
1706
- $instui-component-progress-circle-meter-color-warning: #CF4A00;
1718
+ $instui-component-progress-circle-meter-color-warning: #F0C16C;
1707
1719
  $instui-component-progress-circle-meter-color-warning-inverse: #ffffff;
1708
1720
  $instui-component-progress-circle-x-small-radius: 1em;
1709
1721
  $instui-component-progress-circle-small-radius: 1.8em;
@@ -1751,23 +1763,61 @@ $instui-component-progress-bar-border-color-inverse: #ffffff;
1751
1763
  $instui-component-popover-border-color: #8D959F;
1752
1764
  $instui-component-popover-border-radius: 0.75rem;
1753
1765
  $instui-component-pill-padding-horizontal: 0.5rem;
1754
- $instui-component-pill-height: 24px;
1755
- $instui-component-pill-background-color: #ffffff;
1756
- $instui-component-pill-text-font-size: 0.875rem;
1757
- $instui-component-pill-text-font-weight: 600;
1758
- $instui-component-pill-status-label-font-weight: 600;
1766
+ $instui-component-pill-padding-horizontal-medium: 0.75rem;
1767
+ $instui-component-pill-padding-horizontal-large: 0.75rem;
1768
+ $instui-component-pill-padding-vertical: 0.25rem;
1769
+ $instui-component-pill-gap-icon-label: 0.25rem;
1770
+ $instui-component-pill-gap-icon-label-medium: 0.5rem;
1771
+ $instui-component-pill-gap-icon-label-large: 0.5rem;
1772
+ $instui-component-pill-gap-content: 0.125rem;
1773
+ $instui-component-pill-height-x-small: 1.25rem;
1774
+ $instui-component-pill-height: 1.5rem;
1775
+ $instui-component-pill-height-medium: 1.75rem;
1776
+ $instui-component-pill-height-large: 2rem;
1777
+ $instui-component-pill-text-font-size: 0.75rem;
1778
+ $instui-component-pill-text-font-size-medium: 0.875rem;
1779
+ $instui-component-pill-text-font-size-large: 1rem;
1780
+ $instui-component-pill-text-font-weight: 400;
1781
+ $instui-component-pill-status-label-font-weight: 400;
1759
1782
  $instui-component-pill-max-width: 240px;
1783
+ $instui-component-pill-base-border-color: #5F6E7A;
1760
1784
  $instui-component-pill-base-text-color: #273540;
1761
- $instui-component-pill-base-border-color: #8D959F;
1762
- $instui-component-pill-info-text-color: #2871AF;
1763
- $instui-component-pill-info-border-color: #2B7ABC;
1764
- $instui-component-pill-error-text-color: #CF1F24;
1765
- $instui-component-pill-error-border-color: #E62429;
1766
- $instui-component-pill-success-text-color: #037D37;
1767
- $instui-component-pill-success-border-color: #03893D;
1768
- $instui-component-pill-warning-text-color: #BB4200;
1769
- $instui-component-pill-warning-border-color: #CF4A00;
1770
- $instui-component-pill-border-radius: 0.5rem;
1785
+ $instui-component-pill-neutral-background-color: #E8EAEC;
1786
+ $instui-component-pill-info-text-color: #2369A4;
1787
+ $instui-component-pill-info-border-color: #5F6E7A;
1788
+ $instui-component-pill-info-background-color: #DEEBFF;
1789
+ $instui-component-pill-error-text-color: #ffffff;
1790
+ $instui-component-pill-error-icon-color: #ffffff;
1791
+ $instui-component-pill-error-border-color: #5F6E7A;
1792
+ $instui-component-pill-error-background-color: #E62429;
1793
+ $instui-component-pill-success-text-color: #017533;
1794
+ $instui-component-pill-success-border-color: #5F6E7A;
1795
+ $instui-component-pill-success-background-color: #CAF4D0;
1796
+ $instui-component-pill-warning-text-color: #664800;
1797
+ $instui-component-pill-warning-border-color: #5F6E7A;
1798
+ $instui-component-pill-warning-background-color: #F7E7CF;
1799
+ $instui-component-pill-plum-border-color: #5F6E7A;
1800
+ $instui-component-pill-plum-background-color: #FAE3EF;
1801
+ $instui-component-pill-plum-text-color: #A83780;
1802
+ $instui-component-pill-aurora-border-color: #5F6E7A;
1803
+ $instui-component-pill-sky-border-color: #5F6E7A;
1804
+ $instui-component-pill-aurora-background-color: #C8F3DF;
1805
+ $instui-component-pill-aurora-text-color: #007352;
1806
+ $instui-component-pill-sky-background-color: #D6EDFE;
1807
+ $instui-component-pill-sky-text-color: #116D94;
1808
+ $instui-component-pill-orange-border-color: #5F6E7A;
1809
+ $instui-component-pill-orange-background-color: #FFE4D7;
1810
+ $instui-component-pill-orange-text-color: #B23F01;
1811
+ $instui-component-pill-stone-border-color: #5F6E7A;
1812
+ $instui-component-pill-stone-background-color: #E9E9E9;
1813
+ $instui-component-pill-stone-text-color: #646464;
1814
+ $instui-component-pill-violet-border-color: #5F6E7A;
1815
+ $instui-component-pill-violet-background-color: #F3E5F7;
1816
+ $instui-component-pill-violet-text-color: #8A49A7;
1817
+ $instui-component-pill-sea-border-color: #5F6E7A;
1818
+ $instui-component-pill-sea-background-color: #CFF0F6;
1819
+ $instui-component-pill-sea-text-color: #02717E;
1820
+ $instui-component-pill-border-radius: 999rem;
1771
1821
  $instui-component-pill-border-width: 0.0625rem;
1772
1822
  $instui-component-pill-line-height: 0.875rem;
1773
1823
  $instui-component-pill-font-family: Atkinson Hyperlegible Next, "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -1847,6 +1897,8 @@ $instui-component-modal-footer-background-color: #ffffff;
1847
1897
  $instui-component-modal-footer-inverse-background-color: #273540;
1848
1898
  $instui-component-modal-footer-padding: 1.5rem;
1849
1899
  $instui-component-modal-footer-padding-compact: 0.75rem;
1900
+ $instui-component-mobile-shared-tokens-mobile-nav: #F2F4F5;
1901
+ $instui-component-mobile-shared-tokens-mobile-course: #B43D89;
1850
1902
  $instui-component-metric-label-color: #273540;
1851
1903
  $instui-component-metric-label-font-size: 0.75rem;
1852
1904
  $instui-component-metric-padding-horizontal: 0.5rem;
@@ -1992,10 +2044,10 @@ $instui-component-icon-stroke-width-illu-md: 0.5rem;
1992
2044
  $instui-component-icon-stroke-width-illu-lg: 0.75rem;
1993
2045
  $instui-component-icon-base-color: #273540;
1994
2046
  $instui-component-icon-muted-color: #576773;
1995
- $instui-component-icon-success-color: #037D37;
1996
- $instui-component-icon-error-color: #CF1F24;
1997
- $instui-component-icon-warning-color: #BB4200;
1998
- $instui-component-icon-info-color: #2871AF;
2047
+ $instui-component-icon-success-color: #017533;
2048
+ $instui-component-icon-error-color: #C51F22;
2049
+ $instui-component-icon-warning-color: #664800;
2050
+ $instui-component-icon-info-color: #2369A4;
1999
2051
  $instui-component-icon-on-color: #ffffff;
2000
2052
  $instui-component-icon-inverse-color: #ffffff;
2001
2053
  $instui-component-icon-disabled-base-color: #8D959F;
@@ -2061,7 +2113,7 @@ $instui-component-icon-action-secondary-on-color-base-color: #ffffff;
2061
2113
  $instui-component-icon-action-secondary-on-color-hover-color: #ffffff;
2062
2114
  $instui-component-icon-action-secondary-on-color-active-color: #ffffff;
2063
2115
  $instui-component-icon-action-secondary-on-color-disabled-color: #9EA6AD;
2064
- $instui-component-heading-h1-font-size: 2.5rem;
2116
+ $instui-component-heading-h1-font-size: 2.25rem;
2065
2117
  $instui-component-heading-h2-font-size: 1.75rem;
2066
2118
  $instui-component-heading-h3-font-size: 1.25rem;
2067
2119
  $instui-component-heading-h4-font-size: 1rem;
@@ -2086,14 +2138,14 @@ $instui-component-heading-base-on-color: #ffffff;
2086
2138
  $instui-component-heading-muted-color: #576773;
2087
2139
  $instui-component-heading-muted-on-color: #ffffff;
2088
2140
  $instui-component-heading-inverse-color: #ffffff;
2089
- $instui-component-heading-ai-text-top-gradient-color: #944FB3;
2090
- $instui-component-heading-ai-text-bottom-gradient-color: #027887;
2141
+ $instui-component-heading-ai-text-top-gradient-color: #8A49A7;
2142
+ $instui-component-heading-ai-text-bottom-gradient-color: #02717E;
2091
2143
  $instui-component-heading-border-color: #8D959F;
2092
2144
  $instui-component-heading-border-style: solid;
2093
2145
  $instui-component-heading-border-padding: 0.125rem;
2094
2146
  $instui-component-heading-title-page-desktop-font-family: Inclusive Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
2095
2147
  $instui-component-heading-title-page-desktop-font-weight: 700;
2096
- $instui-component-heading-title-page-desktop-font-size: 2.5rem;
2148
+ $instui-component-heading-title-page-desktop-font-size: 2.25rem;
2097
2149
  $instui-component-heading-title-page-desktop-line-height: 125%;
2098
2150
  $instui-component-heading-title-page-mobile-font-family: Inclusive Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
2099
2151
  $instui-component-heading-title-page-mobile-font-weight: 700;
@@ -2141,15 +2193,15 @@ $instui-component-grid-row-spacing-large: 2.25rem;
2141
2193
  $instui-component-grid-row-spacing-medium: 1.5rem;
2142
2194
  $instui-component-grid-row-spacing-small: 0.75rem;
2143
2195
  $instui-component-form-field-message-hint-text-color: #273540;
2144
- $instui-component-form-field-message-error-text-color: #CF1F24;
2145
- $instui-component-form-field-message-success-text-color: #037D37;
2196
+ $instui-component-form-field-message-error-text-color: #C51F22;
2197
+ $instui-component-form-field-message-success-text-color: #017533;
2146
2198
  $instui-component-form-field-message-font-weight: 400;
2147
2199
  $instui-component-form-field-message-font-size: 0.875rem;
2148
2200
  $instui-component-form-field-message-line-height: 1.25rem;
2149
2201
  $instui-component-form-field-message-font-family: Atkinson Hyperlegible Next, "Helvetica Neue", Helvetica, Arial, sans-serif;
2150
2202
  $instui-component-form-field-layout-text-color: #273540;
2151
2203
  $instui-component-form-field-layout-readonly-text-color: #576773;
2152
- $instui-component-form-field-layout-asterisk-color: #CF1F24;
2204
+ $instui-component-form-field-layout-asterisk-color: #C51F22;
2153
2205
  $instui-component-form-field-layout-font-family: Atkinson Hyperlegible Next, "Helvetica Neue", Helvetica, Arial, sans-serif;
2154
2206
  $instui-component-form-field-layout-font-weight: 400;
2155
2207
  $instui-component-form-field-layout-font-size: 1rem;
@@ -2291,7 +2343,7 @@ $instui-component-checkbox-border-readonly-color: #8D959F;
2291
2343
  $instui-component-checkbox-border-disabled-color: #C7CACD;
2292
2344
  $instui-component-checkbox-error-border-color: #CF1F24;
2293
2345
  $instui-component-checkbox-error-border-hover-color: #CF1F24;
2294
- $instui-component-checkbox-asterisk-color: #CF1F24;
2346
+ $instui-component-checkbox-asterisk-color: #C51F22;
2295
2347
  $instui-component-checkbox-border-checked-color: #273540;
2296
2348
  $instui-component-checkbox-font-size-sm: 0.875rem;
2297
2349
  $instui-component-checkbox-font-size-md: 1rem;
@@ -2554,7 +2606,7 @@ $instui-component-base-button-primary-ghost-hover-background: #1D354F1A;
2554
2606
  $instui-component-base-button-primary-hover-background: #1D354F;
2555
2607
  $instui-component-base-button-primary-hover-border-color: #1D354F;
2556
2608
  $instui-component-base-button-primary-hover-text-color: #ffffff;
2557
- $instui-component-base-button-primary-inverse-active-background: #B6CCEA;
2609
+ $instui-component-base-button-primary-inverse-active-background: #E2EAF7;
2558
2610
  $instui-component-base-button-primary-inverse-background: #ffffff;
2559
2611
  $instui-component-base-button-primary-inverse-border-color: #ffffff;
2560
2612
  $instui-component-base-button-primary-inverse-color: #213D5B;
@@ -2562,7 +2614,7 @@ $instui-component-base-button-primary-inverse-ghost-active-background: rgba(255,
2562
2614
  $instui-component-base-button-primary-inverse-ghost-border-color: #ffffff;
2563
2615
  $instui-component-base-button-primary-inverse-ghost-color: #ffffff;
2564
2616
  $instui-component-base-button-primary-inverse-ghost-hover-background: rgba(255,255,255,0.1);
2565
- $instui-component-base-button-primary-inverse-hover-background: #D5E2F6;
2617
+ $instui-component-base-button-primary-inverse-hover-background: #EEF4FD;
2566
2618
  $instui-component-base-button-primary-on-color-active-border-color: #B6CCEA;
2567
2619
  $instui-component-base-button-primary-on-color-active-text-color: #213D5B;
2568
2620
  $instui-component-base-button-primary-on-color-disabled-background-color: #8D959F;
@@ -2732,17 +2784,17 @@ $instui-component-banner-violet-background: #F3E5F7;
2732
2784
  $instui-component-banner-violet-icon-background: #9E58BD;
2733
2785
  $instui-component-banner-sea-background: #CFF0F6;
2734
2786
  $instui-component-banner-sea-icon-background: #00828E;
2735
- $instui-component-banner-ai-background-top-gradient-color: #F3E5F7;
2736
- $instui-component-banner-ai-background-bottom-gradient-color: #CFF0F6;
2737
2787
  $instui-component-banner-relaxed-padding-vertical: 1.5rem;
2738
2788
  $instui-component-banner-close-button-margin-top: 0.5rem;
2739
2789
  $instui-component-banner-close-button-margin-right: 0.5rem;
2740
- $instui-component-banner-content-gap-vertical: 0.75rem;
2790
+ $instui-component-banner-content-gap-vertical: 0.5rem;
2741
2791
  $instui-component-banner-relaxed-padding-horizontal: 1.5rem;
2742
2792
  $instui-component-banner-relaxed-content-gap-horizontal: 1rem;
2743
2793
  $instui-component-banner-compact-content-gap-horizontal: 0.5rem;
2744
2794
  $instui-component-banner-compact-padding-horizontal: 0.75rem;
2745
2795
  $instui-component-banner-compact-padding-vertical: 0.75rem;
2796
+ $instui-component-banner-relaxed-icon-height: 2rem;
2797
+ $instui-component-banner-compact-icon-height: 1.5rem;
2746
2798
  $instui-component-badge-border-radius: 999rem;
2747
2799
  $instui-component-badge-font-family: Atkinson Hyperlegible Next, "Helvetica Neue", Helvetica, Arial, sans-serif;
2748
2800
  $instui-component-badge-color: #ffffff;
@@ -2777,7 +2829,7 @@ $instui-component-avatar-green-text-color: #037D37;
2777
2829
  $instui-component-avatar-red-background-color: #E62429;
2778
2830
  $instui-component-avatar-red-text-color: #CF1F24;
2779
2831
  $instui-component-avatar-orange-background-color: #CF4A00;
2780
- $instui-component-avatar-orange-text-color: #BB4200;
2832
+ $instui-component-avatar-orange-text-color: #B23F01;
2781
2833
  $instui-component-avatar-grey-background-color: #4A5B68;
2782
2834
  $instui-component-avatar-grey-text-color: #4A5B68;
2783
2835
  $instui-component-avatar-ash-background-color: #273540;
@@ -2798,7 +2850,7 @@ $instui-component-avatar-font-size-sm: 0.875rem;
2798
2850
  $instui-component-avatar-font-size-md: 1rem;
2799
2851
  $instui-component-avatar-font-size-lg: 1.25rem;
2800
2852
  $instui-component-avatar-font-size-xl: 1.75rem;
2801
- $instui-component-avatar-font-size2xl: 2.5rem;
2853
+ $instui-component-avatar-font-size2xl: 2.25rem;
2802
2854
  $instui-component-avatar-font-family: Atkinson Hyperlegible Next, "Helvetica Neue", Helvetica, Arial, sans-serif;
2803
2855
  $instui-component-avatar-rectangle-radius: 0.25rem;
2804
2856
  $instui-component-app-nav-border-color: #E8EAEC;
@@ -2816,28 +2868,40 @@ $instui-component-app-nav-item-padding: 0.75rem;
2816
2868
  $instui-component-app-nav-item-text-color: #2871AF;
2817
2869
  $instui-component-app-nav-item-text-color-selected: #273540;
2818
2870
  $instui-component-app-nav-item-font-size: 1.125rem;
2819
- $instui-component-alert-background: #ffffff;
2820
2871
  $instui-component-alert-border-radius: 0.75rem;
2821
2872
  $instui-component-alert-border-style: solid;
2822
- $instui-component-alert-border-width: 0.125rem;
2873
+ $instui-component-alert-border-width: 0.0625rem;
2823
2874
  $instui-component-alert-close-button-margin-right: 0.5rem;
2824
2875
  $instui-component-alert-close-button-margin-top: 0.5rem;
2825
- $instui-component-alert-color: #273540;
2826
2876
  $instui-component-alert-content-font-family: Atkinson Hyperlegible Next, "Helvetica Neue", Helvetica, Arial, sans-serif;
2827
2877
  $instui-component-alert-content-font-size: 1rem;
2828
2878
  $instui-component-alert-content-font-weight: 400;
2829
2879
  $instui-component-alert-content-line-height: 125%;
2880
+ $instui-component-alert-danger-background: #E62429;
2881
+ $instui-component-alert-danger-background-inline: #FFE3DE;
2830
2882
  $instui-component-alert-danger-border-color: #E62429;
2883
+ $instui-component-alert-danger-border-color-inline: #5F6E7A;
2831
2884
  $instui-component-alert-danger-icon-background: #E62429;
2832
- $instui-component-alert-icon-color: #ffffff;
2885
+ $instui-component-alert-info-background: #2B7ABC;
2886
+ $instui-component-alert-info-background-inline: #DEEBFF;
2833
2887
  $instui-component-alert-info-border-color: #2B7ABC;
2888
+ $instui-component-alert-info-border-color-inline: #5F6E7A;
2834
2889
  $instui-component-alert-info-icon-background: #2B7ABC;
2890
+ $instui-component-alert-success-background: #03893D;
2891
+ $instui-component-alert-success-background-inline: #CAF4D0;
2835
2892
  $instui-component-alert-success-border-color: #03893D;
2893
+ $instui-component-alert-success-border-color-inline: #5F6E7A;
2836
2894
  $instui-component-alert-success-icon-background: #03893D;
2837
- $instui-component-alert-warning-border-color: #CF4A00;
2838
- $instui-component-alert-warning-icon-background: #CF4A00;
2895
+ $instui-component-alert-warning-background: #F0C16C;
2896
+ $instui-component-alert-warning-background-inline: #F7E7CF;
2897
+ $instui-component-alert-warning-border-color: #F0C16C;
2898
+ $instui-component-alert-warning-border-color-inline: #5F6E7A;
2899
+ $instui-component-alert-warning-icon-background: #F0C16C;
2839
2900
  $instui-component-alert-content-padding-vertical: 0.75rem;
2840
- $instui-component-alert-content-padding-horizontal: 1.5rem;
2901
+ $instui-component-alert-content-padding-horizontal: 0.75rem;
2902
+ $instui-component-alert-icon-padding-left: 0.75rem;
2903
+ $instui-component-alert-icon-padding-right: 0;
2904
+ $instui-component-alert-icon-padding-vertical: 1rem;
2841
2905
  $instui-component-ai-information-body-padding: 1.5rem;
2842
2906
  $instui-component-ai-information-heading-bottom-margin: 1.5rem;
2843
2907
  $instui-component-ai-information-feature-name-bottom-margin: 1rem;
@@ -2852,4 +2916,11 @@ $instui-component-ai-information-level-color: #8A49A7;
2852
2916
  $instui-component-ai-information-permission-levels-modal-trigger-bottom-margin: 1.5rem;
2853
2917
  $instui-icon-color-ai: linear-gradient(180deg, #944FB3 0%, #027887 100%);
2854
2918
  $instui-icon-color-inherit: currentColor;
2919
+ $instui-component-alert-background: #2B7ABC;
2920
+ $instui-component-alert-color: #273540;
2921
+ $instui-component-alert-icon-color: #ffffff;
2922
+ $instui-component-banner-ai-background-bottom-gradient-color: #CFF0F6;
2923
+ $instui-component-banner-ai-background-top-gradient-color: #F3E5F7;
2924
+ $instui-component-pill-background-color: #E8EAEC;
2925
+ $instui-icon-history: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012a9%209%200%201%200%209-9%209.75%209.75%200%200%200-6.74%202.74L3%208%22%2F%3E%3Cpath%20d%3D%22M3%203v5h5%22%2F%3E%3Cpath%20d%3D%22M12%207v5l4%202%22%2F%3E%3C%2Fsvg%3E');
2855
2926
  $instui-component-text-content-quote-font-style: italic;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantoken/scss",
3
- "version": "0.1.15",
3
+ "version": "0.1.16",
4
4
  "description": "Instructure design tokens as SCSS variables (resolved, single-mode) from the pantoken IR.",
5
5
  "homepage": "https://pantoken.app",
6
6
  "bugs": "https://github.com/thedannywahl/pantoken/issues",
@@ -27,14 +27,14 @@
27
27
  },
28
28
  "dependencies": {
29
29
  "@pantoken/model": "0.3.2",
30
- "@pantoken/tokens": "0.3.2",
30
+ "@pantoken/tokens": "0.4.0",
31
31
  "@pantoken/utils": "1.0.2"
32
32
  },
33
33
  "devDependencies": {
34
- "@types/node": "^26.5.0",
34
+ "@types/node": "^26.5.1",
35
35
  "typescript": "^7.0.2",
36
- "vite": "npm:@voidzero-dev/vite-plus-core@0.3.1",
37
- "vite-plus": "0.3.1"
36
+ "vite": "npm:@voidzero-dev/vite-plus-core@0.3.2",
37
+ "vite-plus": "0.3.2"
38
38
  },
39
39
  "engines": {
40
40
  "node": ">=22.18.0"