@pantoken/scss 0.1.16 → 0.1.18

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 +83 -63
  2. package/package.json +7 -7
package/generated/tokens.scss CHANGED
@@ -408,7 +408,7 @@ $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
+ $instui-color-background-mobile-nav: #f9fafa;
412
412
  $instui-color-background-pastel-violet: #F3E5F7;
413
413
  $instui-color-background-pastel-sea: #CFF0F6;
414
414
  $instui-color-background-pastel-plum: #FAE3EF;
@@ -432,9 +432,9 @@ $instui-color-background-interactive-action-primary-base: #1D354F;
432
432
  $instui-color-background-interactive-action-primary-hover: #234465;
433
433
  $instui-color-background-interactive-action-primary-active: #061C30;
434
434
  $instui-color-background-interactive-action-primary-disabled: #DFE1E3;
435
- $instui-color-background-interactive-action-secondary-base: #44709F;
436
- $instui-color-background-interactive-action-secondary-hover: #44709F;
437
- $instui-color-background-interactive-action-secondary-active: #44709F;
435
+ $instui-color-background-interactive-action-secondary-base: #44709f33;
436
+ $instui-color-background-interactive-action-secondary-hover: #44709f26;
437
+ $instui-color-background-interactive-action-secondary-active: #44709f26;
438
438
  $instui-color-background-interactive-action-secondary-disabled: #DFE1E3;
439
439
  $instui-color-background-interactive-action-destructive-base: #CF1F24;
440
440
  $instui-color-background-interactive-action-destructive-hover: #E62429;
@@ -641,6 +641,8 @@ $instui-color-background-chart-alert-warning-low: #BE8A01;
641
641
  $instui-color-background-chart-alert-success: #3EA75B;
642
642
  $instui-color-background-chart-alert-info: #2B7ABC;
643
643
  $instui-color-background-chart-alert-neutral: #8D959F;
644
+ $instui-color-background-skeleton-background-color: #8D959F;
645
+ $instui-color-background-skeleton-shimmer-color: #AAB0B5;
644
646
  $instui-color-stroke-base: #8D959F;
645
647
  $instui-color-stroke-muted: #E8EAEC;
646
648
  $instui-color-stroke-strong: #5F6E7A;
@@ -666,9 +668,9 @@ $instui-color-stroke-interactive-action-primary-base: #1D354F;
666
668
  $instui-color-stroke-interactive-action-primary-hover: #234465;
667
669
  $instui-color-stroke-interactive-action-primary-active: #061C30;
668
670
  $instui-color-stroke-interactive-action-primary-disabled: #DFE1E3;
669
- $instui-color-stroke-interactive-action-secondary-base: #44709F;
670
- $instui-color-stroke-interactive-action-secondary-hover: #44709F;
671
- $instui-color-stroke-interactive-action-secondary-active: #44709F;
671
+ $instui-color-stroke-interactive-action-secondary-base: #44709f00;
672
+ $instui-color-stroke-interactive-action-secondary-hover: #44709f00;
673
+ $instui-color-stroke-interactive-action-secondary-active: #44709f00;
672
674
  $instui-color-stroke-interactive-action-secondary-disabled: #DFE1E3;
673
675
  $instui-color-stroke-interactive-action-destructive-base: #CF1F24;
674
676
  $instui-color-stroke-interactive-action-destructive-hover: #E62429;
@@ -872,7 +874,7 @@ $instui-color-institutional-brand-font-color-dark: #273540;
872
874
  $instui-color-institutional-link-color: #2369A4;
873
875
  $instui-color-institutional-brand-button-primary-bgd: #1D354F;
874
876
  $instui-color-institutional-brand-button-primary-text: #ffffff;
875
- $instui-color-institutional-brand-button-secondary-bgd: #44709F;
877
+ $instui-color-institutional-brand-button-secondary-bgd: #44709f33;
876
878
  $instui-color-institutional-brand-button-secondary-text: #1D354F;
877
879
  $instui-color-institutional-brand-global-nav-bgd: #ffffff;
878
880
  $instui-color-institutional-global-nav-link-hover: #EEF4FD;
@@ -1130,11 +1132,11 @@ $instui-component-text-input-text-disabled-color: #8D959F;
1130
1132
  $instui-component-text-input-placeholder-color: #5F6E7A;
1131
1133
  $instui-component-text-input-placeholder-hover-color: #334450;
1132
1134
  $instui-component-text-input-arrows-container-width: 2rem;
1133
- $instui-component-text-input-arrows-background-color: #44709F;
1134
- $instui-component-text-input-arrows-background-hover-color: #44709F;
1135
- $instui-component-text-input-arrows-background-active-color: #44709F;
1135
+ $instui-component-text-input-arrows-background-color: #44709f33;
1136
+ $instui-component-text-input-arrows-background-hover-color: #4d7eb333;
1137
+ $instui-component-text-input-arrows-background-active-color: #3d658f26;
1136
1138
  $instui-component-text-input-arrows-background-disabled-color: #DFE1E3;
1137
- $instui-component-text-input-arrows-border-color: #44709F;
1139
+ $instui-component-text-input-arrows-border-color: #44709f33;
1138
1140
  $instui-component-text-input-font-family: Atkinson Hyperlegible Next, "Helvetica Neue", Helvetica, Arial, sans-serif;
1139
1141
  $instui-component-text-input-font-weight: 500;
1140
1142
  $instui-component-text-input-font-size-sm: 0.875rem;
@@ -1147,8 +1149,8 @@ $instui-component-text-input-gap-content: 0.75rem;
1147
1149
  $instui-component-text-input-padding-horizontal-sm: 0.5rem;
1148
1150
  $instui-component-text-input-padding-horizontal-md: 0.75rem;
1149
1151
  $instui-component-text-input-padding-horizontal-lg: 0.75rem;
1150
- $instui-component-text-input-arrows-border-hover-color: #44709F;
1151
- $instui-component-text-input-arrows-border-active-color: #44709F;
1152
+ $instui-component-text-input-arrows-border-hover-color: #4d7eb333;
1153
+ $instui-component-text-input-arrows-border-active-color: #3d658f33;
1152
1154
  $instui-component-text-input-arrows-border-disabled-color: #DFE1E3;
1153
1155
  $instui-component-text-area-background-color: #ffffff;
1154
1156
  $instui-component-text-area-background-hover-color: #ffffff;
@@ -1238,9 +1240,9 @@ $instui-component-text-success-color: #017533;
1238
1240
  $instui-component-text-warning-color: #664800;
1239
1241
  $instui-component-text-font-family: Atkinson Hyperlegible Next, "Helvetica Neue", Helvetica, Arial, sans-serif;
1240
1242
  $instui-component-text-font-family-monospace: Menlo, Consolas, Monaco, "Andale Mono", monospace;
1241
- $instui-component-tag-default-background: #44709F;
1242
- $instui-component-tag-default-background-hover: #44709F;
1243
- $instui-component-tag-default-border-color: #44709F;
1243
+ $instui-component-tag-default-background: #44709f33;
1244
+ $instui-component-tag-default-background-hover: #44709f26;
1245
+ $instui-component-tag-default-border-color: #44709f00;
1244
1246
  $instui-component-tag-default-border-radius: 0.5rem;
1245
1247
  $instui-component-tag-default-border-style: solid;
1246
1248
  $instui-component-tag-inline-border-style: solid;
@@ -1256,9 +1258,9 @@ $instui-component-tag-height-large: 2rem;
1256
1258
  $instui-component-tag-height-medium: 1.75rem;
1257
1259
  $instui-component-tag-height-small: 1.5rem;
1258
1260
  $instui-component-tag-icon-margin: 0.5rem;
1259
- $instui-component-tag-inline-background: #44709F;
1260
- $instui-component-tag-inline-background-hover: #44709F;
1261
- $instui-component-tag-inline-border-color: #44709F;
1261
+ $instui-component-tag-inline-background: #44709f33;
1262
+ $instui-component-tag-inline-background-hover: #44709f26;
1263
+ $instui-component-tag-inline-border-color: #44709f33;
1262
1264
  $instui-component-tag-inline-border-radius: 0.25rem;
1263
1265
  $instui-component-tag-max-width: 10rem;
1264
1266
  $instui-component-tag-padding-horizontal: 0.5rem;
@@ -1383,6 +1385,28 @@ $instui-component-source-code-editor-tag-type-name-color: #007352;
1383
1385
  $instui-component-source-code-editor-tag-invalid-color: #C51F22;
1384
1386
  $instui-component-source-code-editor-tag-atom-color: #2871AF;
1385
1387
  $instui-component-source-code-editor-active-line-color: #99999912;
1388
+ $instui-component-skeleton-loader-background-color: #8D959F;
1389
+ $instui-component-skeleton-loader-shimmer-color: #AAB0B5;
1390
+ $instui-component-skeleton-loader-text-height-xs: 1rem;
1391
+ $instui-component-skeleton-loader-text-height-xxs: 0.75rem;
1392
+ $instui-component-skeleton-loader-text-height-sm: 1.25rem;
1393
+ $instui-component-skeleton-loader-text-height-md: 1.5rem;
1394
+ $instui-component-skeleton-loader-text-height-lg: 1.75rem;
1395
+ $instui-component-skeleton-loader-text-height-xl: 2rem;
1396
+ $instui-component-skeleton-loader-text-height-xxl: 2.25rem;
1397
+ $instui-component-skeleton-loader-text-padding-xxs: 0.1875rem;
1398
+ $instui-component-skeleton-loader-text-padding-xs: 0.125rem;
1399
+ $instui-component-skeleton-loader-text-padding-sm: 0.15625rem;
1400
+ $instui-component-skeleton-loader-text-padding-md: 0.1875rem;
1401
+ $instui-component-skeleton-loader-text-padding-lg: 0.21875rem;
1402
+ $instui-component-skeleton-loader-text-padding-xl: 0.25rem;
1403
+ $instui-component-skeleton-loader-text-padding-xxl: 0.28125rem;
1404
+ $instui-component-skeleton-loader-text-border-radius: 0.25rem;
1405
+ $instui-component-skeleton-loader-image-border-radius: 0.5rem;
1406
+ $instui-component-skeleton-loader-avatar-border-radius: 999rem;
1407
+ $instui-component-skeleton-loader-duration: 1500ms;
1408
+ $instui-component-skeleton-loader-bezier: 0.42, 0, 0.58, 1;
1409
+ $instui-component-skeleton-loader-motion: ease-in-out;
1386
1410
  $instui-component-side-nav-bar-new-background-color: #ffffff;
1387
1411
  $instui-component-side-nav-bar-new-fill: #1D354F;
1388
1412
  $instui-component-side-nav-bar-new-border-color: #E8EAEC;
@@ -1435,8 +1459,8 @@ $instui-component-side-nav-bar-new-sub-nav-padding: 0.75rem;
1435
1459
  $instui-component-side-nav-bar-new-sub-nav-gap: 0.5rem;
1436
1460
  $instui-component-side-nav-bar-new-institution-logo-text-color: #273540;
1437
1461
  $instui-component-side-nav-bar-new-institution-logo-stroke-color: #E8EAEC;
1438
- $instui-component-side-nav-bar-new-insitution-logo-padding: 0.5rem;
1439
- $instui-component-side-nav-bar-new-insitution-logo-gap: 0.75rem;
1462
+ $instui-component-side-nav-bar-new-institution-logo-padding: 0.5rem;
1463
+ $instui-component-side-nav-bar-new-institution-logo-gap: 0.75rem;
1440
1464
  $instui-component-side-nav-bar-background-color: #ffffff;
1441
1465
  $instui-component-side-nav-bar-fill: #1D354F;
1442
1466
  $instui-component-side-nav-bar-font-color: #273540;
@@ -1780,41 +1804,41 @@ $instui-component-pill-text-font-size-large: 1rem;
1780
1804
  $instui-component-pill-text-font-weight: 400;
1781
1805
  $instui-component-pill-status-label-font-weight: 400;
1782
1806
  $instui-component-pill-max-width: 240px;
1783
- $instui-component-pill-base-border-color: #5F6E7A;
1807
+ $instui-component-pill-base-border-color: #5f6e7a33;
1784
1808
  $instui-component-pill-base-text-color: #273540;
1785
1809
  $instui-component-pill-neutral-background-color: #E8EAEC;
1786
1810
  $instui-component-pill-info-text-color: #2369A4;
1787
- $instui-component-pill-info-border-color: #5F6E7A;
1811
+ $instui-component-pill-info-border-color: #5f6e7a33;
1788
1812
  $instui-component-pill-info-background-color: #DEEBFF;
1789
1813
  $instui-component-pill-error-text-color: #ffffff;
1790
1814
  $instui-component-pill-error-icon-color: #ffffff;
1791
- $instui-component-pill-error-border-color: #5F6E7A;
1815
+ $instui-component-pill-error-border-color: #5f6e7a33;
1792
1816
  $instui-component-pill-error-background-color: #E62429;
1793
1817
  $instui-component-pill-success-text-color: #017533;
1794
- $instui-component-pill-success-border-color: #5F6E7A;
1818
+ $instui-component-pill-success-border-color: #5f6e7a33;
1795
1819
  $instui-component-pill-success-background-color: #CAF4D0;
1796
1820
  $instui-component-pill-warning-text-color: #664800;
1797
- $instui-component-pill-warning-border-color: #5F6E7A;
1821
+ $instui-component-pill-warning-border-color: #5f6e7a33;
1798
1822
  $instui-component-pill-warning-background-color: #F7E7CF;
1799
- $instui-component-pill-plum-border-color: #5F6E7A;
1823
+ $instui-component-pill-plum-border-color: #5f6e7a33;
1800
1824
  $instui-component-pill-plum-background-color: #FAE3EF;
1801
1825
  $instui-component-pill-plum-text-color: #A83780;
1802
- $instui-component-pill-aurora-border-color: #5F6E7A;
1803
- $instui-component-pill-sky-border-color: #5F6E7A;
1826
+ $instui-component-pill-aurora-border-color: #5f6e7a33;
1827
+ $instui-component-pill-sky-border-color: #5f6e7a33;
1804
1828
  $instui-component-pill-aurora-background-color: #C8F3DF;
1805
1829
  $instui-component-pill-aurora-text-color: #007352;
1806
1830
  $instui-component-pill-sky-background-color: #D6EDFE;
1807
1831
  $instui-component-pill-sky-text-color: #116D94;
1808
- $instui-component-pill-orange-border-color: #5F6E7A;
1832
+ $instui-component-pill-orange-border-color: #5f6e7a33;
1809
1833
  $instui-component-pill-orange-background-color: #FFE4D7;
1810
1834
  $instui-component-pill-orange-text-color: #B23F01;
1811
- $instui-component-pill-stone-border-color: #5F6E7A;
1835
+ $instui-component-pill-stone-border-color: #5f6e7a33;
1812
1836
  $instui-component-pill-stone-background-color: #E9E9E9;
1813
1837
  $instui-component-pill-stone-text-color: #646464;
1814
- $instui-component-pill-violet-border-color: #5F6E7A;
1838
+ $instui-component-pill-violet-border-color: #5f6e7a33;
1815
1839
  $instui-component-pill-violet-background-color: #F3E5F7;
1816
1840
  $instui-component-pill-violet-text-color: #8A49A7;
1817
- $instui-component-pill-sea-border-color: #5F6E7A;
1841
+ $instui-component-pill-sea-border-color: #5f6e7a33;
1818
1842
  $instui-component-pill-sea-background-color: #CFF0F6;
1819
1843
  $instui-component-pill-sea-text-color: #02717E;
1820
1844
  $instui-component-pill-border-radius: 999rem;
@@ -1897,7 +1921,7 @@ $instui-component-modal-footer-background-color: #ffffff;
1897
1921
  $instui-component-modal-footer-inverse-background-color: #273540;
1898
1922
  $instui-component-modal-footer-padding: 1.5rem;
1899
1923
  $instui-component-modal-footer-padding-compact: 0.75rem;
1900
- $instui-component-mobile-shared-tokens-mobile-nav: #F2F4F5;
1924
+ $instui-component-mobile-shared-tokens-mobile-nav: #f9fafa;
1901
1925
  $instui-component-mobile-shared-tokens-mobile-course: #B43D89;
1902
1926
  $instui-component-metric-label-color: #273540;
1903
1927
  $instui-component-metric-label-font-size: 0.75rem;
@@ -2573,7 +2597,7 @@ $instui-component-breadcrumb-gap-sm: 0.125rem;
2573
2597
  $instui-component-breadcrumb-gap-md: 0.25rem;
2574
2598
  $instui-component-breadcrumb-gap-lg: 0.5rem;
2575
2599
  $instui-component-billboard-background-color: #00000000;
2576
- $instui-component-billboard-clickable-active-bg: #44709F;
2600
+ $instui-component-billboard-clickable-active-bg: #44709f26;
2577
2601
  $instui-component-billboard-font-family: Atkinson Hyperlegible Next, "Helvetica Neue", Helvetica, Arial, sans-serif;
2578
2602
  $instui-component-billboard-padding-small: 0.75rem;
2579
2603
  $instui-component-billboard-padding-medium: 1.5rem;
@@ -2590,8 +2614,8 @@ $instui-component-billboard-clickable-active-text: #1D354F;
2590
2614
  $instui-component-billboard-message-font-size-small: 0.875rem;
2591
2615
  $instui-component-billboard-message-font-size-medium: 1rem;
2592
2616
  $instui-component-billboard-message-font-size-large: 1.25rem;
2593
- $instui-component-base-button-primary-active-background: #1D354F;
2594
- $instui-component-base-button-primary-active-border-color: #1D354F;
2617
+ $instui-component-base-button-primary-active-background: #1a3047;
2618
+ $instui-component-base-button-primary-active-border-color: #1a3047;
2595
2619
  $instui-component-base-button-primary-active-text-color: #ffffff;
2596
2620
  $instui-component-base-button-primary-background: #1D354F;
2597
2621
  $instui-component-base-button-primary-border-color: #1D354F;
@@ -2599,12 +2623,12 @@ $instui-component-base-button-primary-color: #ffffff;
2599
2623
  $instui-component-base-button-primary-disabled-background-color: #DFE1E3;
2600
2624
  $instui-component-base-button-primary-disabled-border-color: #DFE1E3;
2601
2625
  $instui-component-base-button-primary-disabled-text-color: #9EA6AD;
2602
- $instui-component-base-button-primary-ghost-active-background: #1D354F33;
2603
- $instui-component-base-button-primary-ghost-border-color: #1D354F66;
2626
+ $instui-component-base-button-primary-ghost-active-background: #1d354f33;
2627
+ $instui-component-base-button-primary-ghost-border-color: #1d354f66;
2604
2628
  $instui-component-base-button-primary-ghost-color: #1D354F;
2605
- $instui-component-base-button-primary-ghost-hover-background: #1D354F1A;
2606
- $instui-component-base-button-primary-hover-background: #1D354F;
2607
- $instui-component-base-button-primary-hover-border-color: #1D354F;
2629
+ $instui-component-base-button-primary-ghost-hover-background: #1d354f1a;
2630
+ $instui-component-base-button-primary-hover-background: #1a3047;
2631
+ $instui-component-base-button-primary-hover-border-color: #1a3047;
2608
2632
  $instui-component-base-button-primary-hover-text-color: #ffffff;
2609
2633
  $instui-component-base-button-primary-inverse-active-background: #E2EAF7;
2610
2634
  $instui-component-base-button-primary-inverse-background: #ffffff;
@@ -2622,20 +2646,20 @@ $instui-component-base-button-primary-on-color-disabled-border-color: #8D959F;
2622
2646
  $instui-component-base-button-primary-on-color-disabled-text-color: #4A5B68;
2623
2647
  $instui-component-base-button-primary-on-color-hover-border-color: #D5E2F6;
2624
2648
  $instui-component-base-button-primary-on-color-hover-text-color: #213D5B;
2625
- $instui-component-base-button-secondary-active-background: #3D658F33;
2626
- $instui-component-base-button-secondary-active-border-color: #44709F00;
2649
+ $instui-component-base-button-secondary-active-background: #3d658f33;
2650
+ $instui-component-base-button-secondary-active-border-color: #44709f00;
2627
2651
  $instui-component-base-button-secondary-active-text-color: #1D354F;
2628
2652
  $instui-component-base-button-secondary-background: #44709F33;
2629
- $instui-component-base-button-secondary-border-color: #44709F00;
2653
+ $instui-component-base-button-secondary-border-color: #44709f00;
2630
2654
  $instui-component-base-button-secondary-color: #1D354F;
2631
2655
  $instui-component-base-button-secondary-disabled-background-color: #DFE1E3;
2632
2656
  $instui-component-base-button-secondary-disabled-border-color: #DFE1E3;
2633
2657
  $instui-component-base-button-secondary-disabled-text-color: #9EA6AD;
2634
- $instui-component-base-button-secondary-ghost-border-color: #1D354F;
2658
+ $instui-component-base-button-secondary-ghost-border-color: #1d354f33;
2635
2659
  $instui-component-base-button-secondary-ghost-color: #1D354F;
2636
- $instui-component-base-button-secondary-ghost-hover-background: #44709F;
2637
- $instui-component-base-button-secondary-hover-background: #4D7EB333;
2638
- $instui-component-base-button-secondary-hover-border-color: #44709F00;
2660
+ $instui-component-base-button-secondary-ghost-hover-background: #44709f33;
2661
+ $instui-component-base-button-secondary-hover-background: #4d7eb333;
2662
+ $instui-component-base-button-secondary-hover-border-color: #44709f00;
2639
2663
  $instui-component-base-button-secondary-hover-text-color: #1D354F;
2640
2664
  $instui-component-base-button-secondary-on-color-active-border-color: #B6CCEA;
2641
2665
  $instui-component-base-button-secondary-on-color-active-text-color: #ffffff;
@@ -2735,11 +2759,11 @@ $instui-component-base-button-height-xs: 1.5rem;
2735
2759
  $instui-component-base-button-height-xxs: 1.25rem;
2736
2760
  $instui-component-base-button-opacity-base: 1;
2737
2761
  $instui-component-base-button-opacity-disabled: 1;
2738
- $instui-component-base-button-tertiary-active-border-color: #1D354F4D;
2762
+ $instui-component-base-button-tertiary-active-border-color: #1d354f4d;
2739
2763
  $instui-component-base-button-tertiary-active-text-color: #1D354F;
2740
2764
  $instui-component-base-button-tertiary-disabled-border-color: #C7CACD;
2741
2765
  $instui-component-base-button-tertiary-disabled-text-color: #AAB0B5;
2742
- $instui-component-base-button-tertiary-hover-border-color: #1D354F33;
2766
+ $instui-component-base-button-tertiary-hover-border-color: #1d354f33;
2743
2767
  $instui-component-base-button-tertiary-hover-text-color: #1D354F;
2744
2768
  $instui-component-base-button-danger-box-shadow: none;
2745
2769
  $instui-component-base-button-danger-ghost-background: transparent;
@@ -2778,7 +2802,7 @@ $instui-component-banner-compact-icon-border-radius: 0.5rem;
2778
2802
  $instui-component-banner-border-style: solid;
2779
2803
  $instui-component-banner-border-width: 0.0625rem;
2780
2804
  $instui-component-banner-color: #273540;
2781
- $instui-component-banner-border-color: #5F6E7A1A;
2805
+ $instui-component-banner-border-color: #5f6e7a1a;
2782
2806
  $instui-component-banner-icon-color: #ffffff;
2783
2807
  $instui-component-banner-violet-background: #F3E5F7;
2784
2808
  $instui-component-banner-violet-icon-background: #9E58BD;
@@ -2880,22 +2904,22 @@ $instui-component-alert-content-line-height: 125%;
2880
2904
  $instui-component-alert-danger-background: #E62429;
2881
2905
  $instui-component-alert-danger-background-inline: #FFE3DE;
2882
2906
  $instui-component-alert-danger-border-color: #E62429;
2883
- $instui-component-alert-danger-border-color-inline: #5F6E7A;
2907
+ $instui-component-alert-danger-border-color-inline: #5f6e7a33;
2884
2908
  $instui-component-alert-danger-icon-background: #E62429;
2885
2909
  $instui-component-alert-info-background: #2B7ABC;
2886
2910
  $instui-component-alert-info-background-inline: #DEEBFF;
2887
2911
  $instui-component-alert-info-border-color: #2B7ABC;
2888
- $instui-component-alert-info-border-color-inline: #5F6E7A;
2912
+ $instui-component-alert-info-border-color-inline: #5f6e7a33;
2889
2913
  $instui-component-alert-info-icon-background: #2B7ABC;
2890
2914
  $instui-component-alert-success-background: #03893D;
2891
2915
  $instui-component-alert-success-background-inline: #CAF4D0;
2892
2916
  $instui-component-alert-success-border-color: #03893D;
2893
- $instui-component-alert-success-border-color-inline: #5F6E7A;
2917
+ $instui-component-alert-success-border-color-inline: #5f6e7a33;
2894
2918
  $instui-component-alert-success-icon-background: #03893D;
2895
2919
  $instui-component-alert-warning-background: #F0C16C;
2896
2920
  $instui-component-alert-warning-background-inline: #F7E7CF;
2897
2921
  $instui-component-alert-warning-border-color: #F0C16C;
2898
- $instui-component-alert-warning-border-color-inline: #5F6E7A;
2922
+ $instui-component-alert-warning-border-color-inline: #5f6e7a33;
2899
2923
  $instui-component-alert-warning-icon-background: #F0C16C;
2900
2924
  $instui-component-alert-content-padding-vertical: 0.75rem;
2901
2925
  $instui-component-alert-content-padding-horizontal: 0.75rem;
@@ -2916,11 +2940,7 @@ $instui-component-ai-information-level-color: #8A49A7;
2916
2940
  $instui-component-ai-information-permission-levels-modal-trigger-bottom-margin: 1.5rem;
2917
2941
  $instui-icon-color-ai: linear-gradient(180deg, #944FB3 0%, #027887 100%);
2918
2942
  $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
2943
  $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');
2944
+ $instui-component-side-nav-bar-new-insitution-logo-gap: 0.75rem;
2945
+ $instui-component-side-nav-bar-new-insitution-logo-padding: 0.5rem;
2926
2946
  $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.16",
3
+ "version": "0.1.18",
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",
@@ -26,15 +26,15 @@
26
26
  "provenance": true
27
27
  },
28
28
  "dependencies": {
29
- "@pantoken/model": "0.3.2",
30
- "@pantoken/tokens": "0.4.0",
31
- "@pantoken/utils": "1.0.2"
29
+ "@pantoken/model": "0.4.0",
30
+ "@pantoken/tokens": "0.6.0",
31
+ "@pantoken/utils": "1.1.0"
32
32
  },
33
33
  "devDependencies": {
34
- "@types/node": "^26.5.1",
34
+ "@types/node": "^26.6.2",
35
35
  "typescript": "^7.0.2",
36
- "vite": "npm:@voidzero-dev/vite-plus-core@0.3.2",
37
- "vite-plus": "0.3.2"
36
+ "vite": "npm:@voidzero-dev/vite-plus-core@1.0.0-rc.0",
37
+ "vite-plus": "1.0.0-rc.0"
38
38
  },
39
39
  "engines": {
40
40
  "node": ">=22.18.0"