@pantoken/scss 0.1.16 → 0.1.17

package/generated/tokens.scss

@@ -408,7 +408,7 @@ $instui-color-background-ai-bottom-gradient: #00828E;
 $instui-color-background-ai-text: #F3E5F7;
 $instui-color-background-opacity: rgba(35,68,101,0.1);
 $instui-color-background-opacity-on-color: rgba(255,255,255,0.1);
-$instui-color-background-mobile-nav: #F2F4F5;
+$instui-color-background-mobile-nav: #f9fafa;
 $instui-color-background-pastel-violet: #F3E5F7;
 $instui-color-background-pastel-sea: #CFF0F6;
 $instui-color-background-pastel-plum: #FAE3EF;
@@ -432,9 +432,9 @@ $instui-color-background-interactive-action-primary-base: #1D354F;
 $instui-color-background-interactive-action-primary-hover: #234465;
 $instui-color-background-interactive-action-primary-active: #061C30;
 $instui-color-background-interactive-action-primary-disabled: #DFE1E3;
-$instui-color-background-interactive-action-secondary-base: #44709F;
-$instui-color-background-interactive-action-secondary-hover: #44709F;
-$instui-color-background-interactive-action-secondary-active: #44709F;
+$instui-color-background-interactive-action-secondary-base: #44709f33;
+$instui-color-background-interactive-action-secondary-hover: #44709f26;
+$instui-color-background-interactive-action-secondary-active: #44709f26;
 $instui-color-background-interactive-action-secondary-disabled: #DFE1E3;
 $instui-color-background-interactive-action-destructive-base: #CF1F24;
 $instui-color-background-interactive-action-destructive-hover: #E62429;
@@ -666,9 +666,9 @@ $instui-color-stroke-interactive-action-primary-base: #1D354F;
 $instui-color-stroke-interactive-action-primary-hover: #234465;
 $instui-color-stroke-interactive-action-primary-active: #061C30;
 $instui-color-stroke-interactive-action-primary-disabled: #DFE1E3;
-$instui-color-stroke-interactive-action-secondary-base: #44709F;
-$instui-color-stroke-interactive-action-secondary-hover: #44709F;
-$instui-color-stroke-interactive-action-secondary-active: #44709F;
+$instui-color-stroke-interactive-action-secondary-base: #44709f00;
+$instui-color-stroke-interactive-action-secondary-hover: #44709f00;
+$instui-color-stroke-interactive-action-secondary-active: #44709f00;
 $instui-color-stroke-interactive-action-secondary-disabled: #DFE1E3;
 $instui-color-stroke-interactive-action-destructive-base: #CF1F24;
 $instui-color-stroke-interactive-action-destructive-hover: #E62429;
@@ -872,7 +872,7 @@ $instui-color-institutional-brand-font-color-dark: #273540;
 $instui-color-institutional-link-color: #2369A4;
 $instui-color-institutional-brand-button-primary-bgd: #1D354F;
 $instui-color-institutional-brand-button-primary-text: #ffffff;
-$instui-color-institutional-brand-button-secondary-bgd: #44709F;
+$instui-color-institutional-brand-button-secondary-bgd: #44709f33;
 $instui-color-institutional-brand-button-secondary-text: #1D354F;
 $instui-color-institutional-brand-global-nav-bgd: #ffffff;
 $instui-color-institutional-global-nav-link-hover: #EEF4FD;
@@ -1130,11 +1130,11 @@ $instui-component-text-input-text-disabled-color: #8D959F;
 $instui-component-text-input-placeholder-color: #5F6E7A;
 $instui-component-text-input-placeholder-hover-color: #334450;
 $instui-component-text-input-arrows-container-width: 2rem;
-$instui-component-text-input-arrows-background-color: #44709F;
-$instui-component-text-input-arrows-background-hover-color: #44709F;
-$instui-component-text-input-arrows-background-active-color: #44709F;
+$instui-component-text-input-arrows-background-color: #44709f33;
+$instui-component-text-input-arrows-background-hover-color: #4d7eb333;
+$instui-component-text-input-arrows-background-active-color: #3d658f26;
 $instui-component-text-input-arrows-background-disabled-color: #DFE1E3;
-$instui-component-text-input-arrows-border-color: #44709F;
+$instui-component-text-input-arrows-border-color: #44709f33;
 $instui-component-text-input-font-family: Atkinson Hyperlegible Next, "Helvetica Neue", Helvetica, Arial, sans-serif;
 $instui-component-text-input-font-weight: 500;
 $instui-component-text-input-font-size-sm: 0.875rem;
@@ -1147,8 +1147,8 @@ $instui-component-text-input-gap-content: 0.75rem;
 $instui-component-text-input-padding-horizontal-sm: 0.5rem;
 $instui-component-text-input-padding-horizontal-md: 0.75rem;
 $instui-component-text-input-padding-horizontal-lg: 0.75rem;
-$instui-component-text-input-arrows-border-hover-color: #44709F;
-$instui-component-text-input-arrows-border-active-color: #44709F;
+$instui-component-text-input-arrows-border-hover-color: #4d7eb333;
+$instui-component-text-input-arrows-border-active-color: #3d658f33;
 $instui-component-text-input-arrows-border-disabled-color: #DFE1E3;
 $instui-component-text-area-background-color: #ffffff;
 $instui-component-text-area-background-hover-color: #ffffff;
@@ -1238,9 +1238,9 @@ $instui-component-text-success-color: #017533;
 $instui-component-text-warning-color: #664800;
 $instui-component-text-font-family: Atkinson Hyperlegible Next, "Helvetica Neue", Helvetica, Arial, sans-serif;
 $instui-component-text-font-family-monospace: Menlo, Consolas, Monaco, "Andale Mono", monospace;
-$instui-component-tag-default-background: #44709F;
-$instui-component-tag-default-background-hover: #44709F;
-$instui-component-tag-default-border-color: #44709F;
+$instui-component-tag-default-background: #44709f33;
+$instui-component-tag-default-background-hover: #44709f26;
+$instui-component-tag-default-border-color: #44709f00;
 $instui-component-tag-default-border-radius: 0.5rem;
 $instui-component-tag-default-border-style: solid;
 $instui-component-tag-inline-border-style: solid;
@@ -1256,9 +1256,9 @@ $instui-component-tag-height-large: 2rem;
 $instui-component-tag-height-medium: 1.75rem;
 $instui-component-tag-height-small: 1.5rem;
 $instui-component-tag-icon-margin: 0.5rem;
-$instui-component-tag-inline-background: #44709F;
-$instui-component-tag-inline-background-hover: #44709F;
-$instui-component-tag-inline-border-color: #44709F;
+$instui-component-tag-inline-background: #44709f33;
+$instui-component-tag-inline-background-hover: #44709f26;
+$instui-component-tag-inline-border-color: #44709f33;
 $instui-component-tag-inline-border-radius: 0.25rem;
 $instui-component-tag-max-width: 10rem;
 $instui-component-tag-padding-horizontal: 0.5rem;
@@ -1780,41 +1780,41 @@ $instui-component-pill-text-font-size-large: 1rem;
 $instui-component-pill-text-font-weight: 400;
 $instui-component-pill-status-label-font-weight: 400;
 $instui-component-pill-max-width: 240px;
-$instui-component-pill-base-border-color: #5F6E7A;
+$instui-component-pill-base-border-color: #5f6e7a33;
 $instui-component-pill-base-text-color: #273540;
 $instui-component-pill-neutral-background-color: #E8EAEC;
 $instui-component-pill-info-text-color: #2369A4;
-$instui-component-pill-info-border-color: #5F6E7A;
+$instui-component-pill-info-border-color: #5f6e7a33;
 $instui-component-pill-info-background-color: #DEEBFF;
 $instui-component-pill-error-text-color: #ffffff;
 $instui-component-pill-error-icon-color: #ffffff;
-$instui-component-pill-error-border-color: #5F6E7A;
+$instui-component-pill-error-border-color: #5f6e7a33;
 $instui-component-pill-error-background-color: #E62429;
 $instui-component-pill-success-text-color: #017533;
-$instui-component-pill-success-border-color: #5F6E7A;
+$instui-component-pill-success-border-color: #5f6e7a33;
 $instui-component-pill-success-background-color: #CAF4D0;
 $instui-component-pill-warning-text-color: #664800;
-$instui-component-pill-warning-border-color: #5F6E7A;
+$instui-component-pill-warning-border-color: #5f6e7a33;
 $instui-component-pill-warning-background-color: #F7E7CF;
-$instui-component-pill-plum-border-color: #5F6E7A;
+$instui-component-pill-plum-border-color: #5f6e7a33;
 $instui-component-pill-plum-background-color: #FAE3EF;
 $instui-component-pill-plum-text-color: #A83780;
-$instui-component-pill-aurora-border-color: #5F6E7A;
-$instui-component-pill-sky-border-color: #5F6E7A;
+$instui-component-pill-aurora-border-color: #5f6e7a33;
+$instui-component-pill-sky-border-color: #5f6e7a33;
 $instui-component-pill-aurora-background-color: #C8F3DF;
 $instui-component-pill-aurora-text-color: #007352;
 $instui-component-pill-sky-background-color: #D6EDFE;
 $instui-component-pill-sky-text-color: #116D94;
-$instui-component-pill-orange-border-color: #5F6E7A;
+$instui-component-pill-orange-border-color: #5f6e7a33;
 $instui-component-pill-orange-background-color: #FFE4D7;
 $instui-component-pill-orange-text-color: #B23F01;
-$instui-component-pill-stone-border-color: #5F6E7A;
+$instui-component-pill-stone-border-color: #5f6e7a33;
 $instui-component-pill-stone-background-color: #E9E9E9;
 $instui-component-pill-stone-text-color: #646464;
-$instui-component-pill-violet-border-color: #5F6E7A;
+$instui-component-pill-violet-border-color: #5f6e7a33;
 $instui-component-pill-violet-background-color: #F3E5F7;
 $instui-component-pill-violet-text-color: #8A49A7;
-$instui-component-pill-sea-border-color: #5F6E7A;
+$instui-component-pill-sea-border-color: #5f6e7a33;
 $instui-component-pill-sea-background-color: #CFF0F6;
 $instui-component-pill-sea-text-color: #02717E;
 $instui-component-pill-border-radius: 999rem;
@@ -1897,7 +1897,7 @@ $instui-component-modal-footer-background-color: #ffffff;
 $instui-component-modal-footer-inverse-background-color: #273540;
 $instui-component-modal-footer-padding: 1.5rem;
 $instui-component-modal-footer-padding-compact: 0.75rem;
-$instui-component-mobile-shared-tokens-mobile-nav: #F2F4F5;
+$instui-component-mobile-shared-tokens-mobile-nav: #f9fafa;
 $instui-component-mobile-shared-tokens-mobile-course: #B43D89;
 $instui-component-metric-label-color: #273540;
 $instui-component-metric-label-font-size: 0.75rem;
@@ -2573,7 +2573,7 @@ $instui-component-breadcrumb-gap-sm: 0.125rem;
 $instui-component-breadcrumb-gap-md: 0.25rem;
 $instui-component-breadcrumb-gap-lg: 0.5rem;
 $instui-component-billboard-background-color: #00000000;
-$instui-component-billboard-clickable-active-bg: #44709F;
+$instui-component-billboard-clickable-active-bg: #44709f26;
 $instui-component-billboard-font-family: Atkinson Hyperlegible Next, "Helvetica Neue", Helvetica, Arial, sans-serif;
 $instui-component-billboard-padding-small: 0.75rem;
 $instui-component-billboard-padding-medium: 1.5rem;
@@ -2590,8 +2590,8 @@ $instui-component-billboard-clickable-active-text: #1D354F;
 $instui-component-billboard-message-font-size-small: 0.875rem;
 $instui-component-billboard-message-font-size-medium: 1rem;
 $instui-component-billboard-message-font-size-large: 1.25rem;
-$instui-component-base-button-primary-active-background: #1D354F;
-$instui-component-base-button-primary-active-border-color: #1D354F;
+$instui-component-base-button-primary-active-background: #1a3047;
+$instui-component-base-button-primary-active-border-color: #1a3047;
 $instui-component-base-button-primary-active-text-color: #ffffff;
 $instui-component-base-button-primary-background: #1D354F;
 $instui-component-base-button-primary-border-color: #1D354F;
@@ -2599,12 +2599,12 @@ $instui-component-base-button-primary-color: #ffffff;
 $instui-component-base-button-primary-disabled-background-color: #DFE1E3;
 $instui-component-base-button-primary-disabled-border-color: #DFE1E3;
 $instui-component-base-button-primary-disabled-text-color: #9EA6AD;
-$instui-component-base-button-primary-ghost-active-background: #1D354F33;
-$instui-component-base-button-primary-ghost-border-color: #1D354F66;
+$instui-component-base-button-primary-ghost-active-background: #1d354f33;
+$instui-component-base-button-primary-ghost-border-color: #1d354f66;
 $instui-component-base-button-primary-ghost-color: #1D354F;
-$instui-component-base-button-primary-ghost-hover-background: #1D354F1A;
-$instui-component-base-button-primary-hover-background: #1D354F;
-$instui-component-base-button-primary-hover-border-color: #1D354F;
+$instui-component-base-button-primary-ghost-hover-background: #1d354f1a;
+$instui-component-base-button-primary-hover-background: #1a3047;
+$instui-component-base-button-primary-hover-border-color: #1a3047;
 $instui-component-base-button-primary-hover-text-color: #ffffff;
 $instui-component-base-button-primary-inverse-active-background: #E2EAF7;
 $instui-component-base-button-primary-inverse-background: #ffffff;
@@ -2622,20 +2622,20 @@ $instui-component-base-button-primary-on-color-disabled-border-color: #8D959F;
 $instui-component-base-button-primary-on-color-disabled-text-color: #4A5B68;
 $instui-component-base-button-primary-on-color-hover-border-color: #D5E2F6;
 $instui-component-base-button-primary-on-color-hover-text-color: #213D5B;
-$instui-component-base-button-secondary-active-background: #3D658F33;
-$instui-component-base-button-secondary-active-border-color: #44709F00;
+$instui-component-base-button-secondary-active-background: #3d658f33;
+$instui-component-base-button-secondary-active-border-color: #44709f00;
 $instui-component-base-button-secondary-active-text-color: #1D354F;
 $instui-component-base-button-secondary-background: #44709F33;
-$instui-component-base-button-secondary-border-color: #44709F00;
+$instui-component-base-button-secondary-border-color: #44709f00;
 $instui-component-base-button-secondary-color: #1D354F;
 $instui-component-base-button-secondary-disabled-background-color: #DFE1E3;
 $instui-component-base-button-secondary-disabled-border-color: #DFE1E3;
 $instui-component-base-button-secondary-disabled-text-color: #9EA6AD;
-$instui-component-base-button-secondary-ghost-border-color: #1D354F;
+$instui-component-base-button-secondary-ghost-border-color: #1d354f33;
 $instui-component-base-button-secondary-ghost-color: #1D354F;
-$instui-component-base-button-secondary-ghost-hover-background: #44709F;
-$instui-component-base-button-secondary-hover-background: #4D7EB333;
-$instui-component-base-button-secondary-hover-border-color: #44709F00;
+$instui-component-base-button-secondary-ghost-hover-background: #44709f33;
+$instui-component-base-button-secondary-hover-background: #4d7eb333;
+$instui-component-base-button-secondary-hover-border-color: #44709f00;
 $instui-component-base-button-secondary-hover-text-color: #1D354F;
 $instui-component-base-button-secondary-on-color-active-border-color: #B6CCEA;
 $instui-component-base-button-secondary-on-color-active-text-color: #ffffff;
@@ -2735,11 +2735,11 @@ $instui-component-base-button-height-xs: 1.5rem;
 $instui-component-base-button-height-xxs: 1.25rem;
 $instui-component-base-button-opacity-base: 1;
 $instui-component-base-button-opacity-disabled: 1;
-$instui-component-base-button-tertiary-active-border-color: #1D354F4D;
+$instui-component-base-button-tertiary-active-border-color: #1d354f4d;
 $instui-component-base-button-tertiary-active-text-color: #1D354F;
 $instui-component-base-button-tertiary-disabled-border-color: #C7CACD;
 $instui-component-base-button-tertiary-disabled-text-color: #AAB0B5;
-$instui-component-base-button-tertiary-hover-border-color: #1D354F33;
+$instui-component-base-button-tertiary-hover-border-color: #1d354f33;
 $instui-component-base-button-tertiary-hover-text-color: #1D354F;
 $instui-component-base-button-danger-box-shadow: none;
 $instui-component-base-button-danger-ghost-background: transparent;
@@ -2778,7 +2778,7 @@ $instui-component-banner-compact-icon-border-radius: 0.5rem;
 $instui-component-banner-border-style: solid;
 $instui-component-banner-border-width: 0.0625rem;
 $instui-component-banner-color: #273540;
-$instui-component-banner-border-color: #5F6E7A1A;
+$instui-component-banner-border-color: #5f6e7a1a;
 $instui-component-banner-icon-color: #ffffff;
 $instui-component-banner-violet-background: #F3E5F7;
 $instui-component-banner-violet-icon-background: #9E58BD;
@@ -2880,22 +2880,22 @@ $instui-component-alert-content-line-height: 125%;
 $instui-component-alert-danger-background: #E62429;
 $instui-component-alert-danger-background-inline: #FFE3DE;
 $instui-component-alert-danger-border-color: #E62429;
-$instui-component-alert-danger-border-color-inline: #5F6E7A;
+$instui-component-alert-danger-border-color-inline: #5f6e7a33;
 $instui-component-alert-danger-icon-background: #E62429;
 $instui-component-alert-info-background: #2B7ABC;
 $instui-component-alert-info-background-inline: #DEEBFF;
 $instui-component-alert-info-border-color: #2B7ABC;
-$instui-component-alert-info-border-color-inline: #5F6E7A;
+$instui-component-alert-info-border-color-inline: #5f6e7a33;
 $instui-component-alert-info-icon-background: #2B7ABC;
 $instui-component-alert-success-background: #03893D;
 $instui-component-alert-success-background-inline: #CAF4D0;
 $instui-component-alert-success-border-color: #03893D;
-$instui-component-alert-success-border-color-inline: #5F6E7A;
+$instui-component-alert-success-border-color-inline: #5f6e7a33;
 $instui-component-alert-success-icon-background: #03893D;
 $instui-component-alert-warning-background: #F0C16C;
 $instui-component-alert-warning-background-inline: #F7E7CF;
 $instui-component-alert-warning-border-color: #F0C16C;
-$instui-component-alert-warning-border-color-inline: #5F6E7A;
+$instui-component-alert-warning-border-color-inline: #5f6e7a33;
 $instui-component-alert-warning-icon-background: #F0C16C;
 $instui-component-alert-content-padding-vertical: 0.75rem;
 $instui-component-alert-content-padding-horizontal: 0.75rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pantoken/scss",
-  "version": "0.1.16",
+  "version": "0.1.17",
   "description": "Instructure design tokens as SCSS variables (resolved, single-mode) from the pantoken IR.",
   "homepage": "https://pantoken.app",
   "bugs": "https://github.com/thedannywahl/pantoken/issues",
@@ -26,9 +26,9 @@
     "provenance": true
   },
   "dependencies": {
-    "@pantoken/model": "0.3.2",
-    "@pantoken/tokens": "0.4.0",
-    "@pantoken/utils": "1.0.2"
+    "@pantoken/model": "0.4.0",
+    "@pantoken/tokens": "0.5.0",
+    "@pantoken/utils": "1.0.3"
   },
   "devDependencies": {
     "@types/node": "^26.5.1",