@pantoken/scss 0.1.18 → 0.1.20

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 +55 -23
  2. package/package.json +5 -5
package/generated/tokens.scss CHANGED
@@ -431,7 +431,7 @@ $instui-color-background-interactive-input-selected: #1C222B;
431
431
  $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
- $instui-color-background-interactive-action-primary-disabled: #DFE1E3;
434
+ $instui-color-background-interactive-action-primary-disabled: #C7CACD;
435
435
  $instui-color-background-interactive-action-secondary-base: #44709f33;
436
436
  $instui-color-background-interactive-action-secondary-hover: #44709f26;
437
437
  $instui-color-background-interactive-action-secondary-active: #44709f26;
@@ -667,7 +667,7 @@ $instui-color-stroke-interactive-input-selected: #1C222B;
667
667
  $instui-color-stroke-interactive-action-primary-base: #1D354F;
668
668
  $instui-color-stroke-interactive-action-primary-hover: #234465;
669
669
  $instui-color-stroke-interactive-action-primary-active: #061C30;
670
- $instui-color-stroke-interactive-action-primary-disabled: #DFE1E3;
670
+ $instui-color-stroke-interactive-action-primary-disabled: #C7CACD;
671
671
  $instui-color-stroke-interactive-action-secondary-base: #44709f00;
672
672
  $instui-color-stroke-interactive-action-secondary-hover: #44709f00;
673
673
  $instui-color-stroke-interactive-action-secondary-active: #44709f00;
@@ -759,7 +759,7 @@ $instui-color-text-interactive-action-ai-secondary-disabled: #AAB0B5;
759
759
  $instui-color-text-interactive-action-primary-base: #ffffff;
760
760
  $instui-color-text-interactive-action-primary-hover: #ffffff;
761
761
  $instui-color-text-interactive-action-primary-active: #ffffff;
762
- $instui-color-text-interactive-action-primary-disabled: #9EA6AD;
762
+ $instui-color-text-interactive-action-primary-disabled: #F2F4F5;
763
763
  $instui-color-text-interactive-action-ai-base: #ffffff;
764
764
  $instui-color-text-interactive-action-ai-hover: #ffffff;
765
765
  $instui-color-text-interactive-action-ai-active: #ffffff;
@@ -821,7 +821,7 @@ $instui-color-icon-interactive-action-status-disabled: #9EA6AD;
821
821
  $instui-color-icon-interactive-action-primary-base: #ffffff;
822
822
  $instui-color-icon-interactive-action-primary-hover: #ffffff;
823
823
  $instui-color-icon-interactive-action-primary-active: #ffffff;
824
- $instui-color-icon-interactive-action-primary-disabled: #9EA6AD;
824
+ $instui-color-icon-interactive-action-primary-disabled: #F2F4F5;
825
825
  $instui-color-icon-interactive-action-primary-on-color-base: #1D354F;
826
826
  $instui-color-icon-interactive-action-primary-on-color-hover: #1D354F;
827
827
  $instui-color-icon-interactive-action-primary-on-color-active: #1D354F;
@@ -867,8 +867,8 @@ $instui-color-icon-accent-sky: #17759F;
867
867
  $instui-color-icon-accent-honey: #8C6400;
868
868
  $instui-color-icon-accent-sea: #027887;
869
869
  $instui-color-icon-accent-aurora: #057C58;
870
- $instui-color-drop-shadow-shadow-color1: rgba(35;
871
- $instui-color-drop-shadow-shadow-color2: rgba(35;
870
+ $instui-color-drop-shadow-shadow-color1: rgba(35,68,101,0.15);
871
+ $instui-color-drop-shadow-shadow-color2: rgba(35,68,101,0.1);
872
872
  $instui-color-institutional-brand-primary: #1D354F;
873
873
  $instui-color-institutional-brand-font-color-dark: #273540;
874
874
  $instui-color-institutional-link-color: #2369A4;
@@ -914,6 +914,38 @@ $instui-drop-shadow-spread-elevation3-dropshadow1: 4px;
914
914
  $instui-drop-shadow-spread-elevation3-dropshadow2: 0px;
915
915
  $instui-drop-shadow-spread-elevation4-dropshadow1: 6px;
916
916
  $instui-drop-shadow-spread-elevation4-dropshadow2: 0px;
917
+ $instui-component-segmented-control-selected-item-background-color: #1D354F;
918
+ $instui-component-segmented-control-track-background-color: #44709f33;
919
+ $instui-component-segmented-control-track-background-disabled-color: #DFE1E3;
920
+ $instui-component-segmented-control-selected-item-text-color: #ffffff;
921
+ $instui-component-segmented-control-unselected-item-text-color: #1D354F;
922
+ $instui-component-segmented-control-unselected-item-text-disabled-color: #9EA6AD;
923
+ $instui-component-segmented-control-selected-item-text-disabled-color: #F2F4F5;
924
+ $instui-component-segmented-control-selected-item-background-disabled-color: #C7CACD;
925
+ $instui-component-segmented-control-selected-item-background-active-color: #192d43;
926
+ $instui-component-segmented-control-selected-item-background-hover-color: #335c8a;
927
+ $instui-component-segmented-control-unselected-item-background-hover-color: #88a9cc33;
928
+ $instui-component-segmented-control-unselected-item-background-active-color: #3a5f8733;
929
+ $instui-component-segmented-control-item-padding-horizontal-lg: 1.25rem;
930
+ $instui-component-segmented-control-item-padding-horizontal-md: 1rem;
931
+ $instui-component-segmented-control-item-padding-horizontal-sm: 0.75rem;
932
+ $instui-component-segmented-control-item-padding-horizontal-xs: 0.5rem;
933
+ $instui-component-segmented-control-track-padding: 0.25rem;
934
+ $instui-component-segmented-control-item-gap-lg: 0.75rem;
935
+ $instui-component-segmented-control-item-gap-md: 0.5rem;
936
+ $instui-component-segmented-control-item-gap-sm: 0.25rem;
937
+ $instui-component-segmented-control-track-gap: 0.125rem;
938
+ $instui-component-segmented-control-height-lg: 3rem;
939
+ $instui-component-segmented-control-height-md: 2.5rem;
940
+ $instui-component-segmented-control-height-sm: 2rem;
941
+ $instui-component-segmented-control-item-border-radius: 0.75rem;
942
+ $instui-component-segmented-control-track-border-radius: 1rem;
943
+ $instui-component-segmented-control-font-family: Atkinson Hyperlegible Next, "Helvetica Neue", Helvetica, Arial, sans-serif;
944
+ $instui-component-segmented-control-font-weight: 500;
945
+ $instui-component-segmented-control-line-height: 125%;
946
+ $instui-component-segmented-control-font-size-lg: 1.125rem;
947
+ $instui-component-segmented-control-font-size-md: 1rem;
948
+ $instui-component-segmented-control-font-size-sm: 0.875rem;
917
949
  $instui-component-view-font-family: Atkinson Hyperlegible Next, "Helvetica Neue", Helvetica, Arial, sans-serif;
918
950
  $instui-component-view-color: #273540;
919
951
  $instui-component-view-color-primary-inverse: #ffffff;
@@ -2102,7 +2134,7 @@ $instui-component-icon-action-ai-disabled-color: #9EA6AD;
2102
2134
  $instui-component-icon-action-primary-base-color: #ffffff;
2103
2135
  $instui-component-icon-action-primary-hover-color: #ffffff;
2104
2136
  $instui-component-icon-action-primary-active-color: #ffffff;
2105
- $instui-component-icon-action-primary-disabled-color: #9EA6AD;
2137
+ $instui-component-icon-action-primary-disabled-color: #F2F4F5;
2106
2138
  $instui-component-icon-action-primary-on-color-base-color: #1D354F;
2107
2139
  $instui-component-icon-action-tertiary-base-color: #1D354F;
2108
2140
  $instui-component-icon-action-tertiary-hover-color: #1D354F;
@@ -2614,22 +2646,22 @@ $instui-component-billboard-clickable-active-text: #1D354F;
2614
2646
  $instui-component-billboard-message-font-size-small: 0.875rem;
2615
2647
  $instui-component-billboard-message-font-size-medium: 1rem;
2616
2648
  $instui-component-billboard-message-font-size-large: 1.25rem;
2617
- $instui-component-base-button-primary-active-background: #1a3047;
2618
- $instui-component-base-button-primary-active-border-color: #1a3047;
2619
- $instui-component-base-button-primary-active-text-color: #ffffff;
2620
2649
  $instui-component-base-button-primary-background: #1D354F;
2621
2650
  $instui-component-base-button-primary-border-color: #1D354F;
2622
2651
  $instui-component-base-button-primary-color: #ffffff;
2623
- $instui-component-base-button-primary-disabled-background-color: #DFE1E3;
2624
- $instui-component-base-button-primary-disabled-border-color: #DFE1E3;
2625
- $instui-component-base-button-primary-disabled-text-color: #9EA6AD;
2652
+ $instui-component-base-button-primary-hover-background: #335c8a;
2653
+ $instui-component-base-button-primary-hover-border-color: #335c8a;
2654
+ $instui-component-base-button-primary-hover-text-color: #ffffff;
2655
+ $instui-component-base-button-primary-active-background: #192d43;
2656
+ $instui-component-base-button-primary-active-border-color: #192d43;
2657
+ $instui-component-base-button-primary-active-text-color: #ffffff;
2658
+ $instui-component-base-button-primary-disabled-background-color: #C7CACD;
2659
+ $instui-component-base-button-primary-disabled-border-color: #C7CACD;
2660
+ $instui-component-base-button-primary-disabled-text-color: #F2F4F5;
2626
2661
  $instui-component-base-button-primary-ghost-active-background: #1d354f33;
2627
2662
  $instui-component-base-button-primary-ghost-border-color: #1d354f66;
2628
2663
  $instui-component-base-button-primary-ghost-color: #1D354F;
2629
2664
  $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;
2632
- $instui-component-base-button-primary-hover-text-color: #ffffff;
2633
2665
  $instui-component-base-button-primary-inverse-active-background: #E2EAF7;
2634
2666
  $instui-component-base-button-primary-inverse-background: #ffffff;
2635
2667
  $instui-component-base-button-primary-inverse-border-color: #ffffff;
@@ -2646,21 +2678,21 @@ $instui-component-base-button-primary-on-color-disabled-border-color: #8D959F;
2646
2678
  $instui-component-base-button-primary-on-color-disabled-text-color: #4A5B68;
2647
2679
  $instui-component-base-button-primary-on-color-hover-border-color: #D5E2F6;
2648
2680
  $instui-component-base-button-primary-on-color-hover-text-color: #213D5B;
2649
- $instui-component-base-button-secondary-active-background: #3d658f33;
2650
- $instui-component-base-button-secondary-active-border-color: #44709f00;
2651
- $instui-component-base-button-secondary-active-text-color: #1D354F;
2652
- $instui-component-base-button-secondary-background: #44709F33;
2681
+ $instui-component-base-button-secondary-background: #44709f33;
2653
2682
  $instui-component-base-button-secondary-border-color: #44709f00;
2654
2683
  $instui-component-base-button-secondary-color: #1D354F;
2684
+ $instui-component-base-button-secondary-hover-background: #88a9cc33;
2685
+ $instui-component-base-button-secondary-hover-border-color: #44709f00;
2686
+ $instui-component-base-button-secondary-hover-text-color: #1D354F;
2687
+ $instui-component-base-button-secondary-active-background: #3a5f8733;
2688
+ $instui-component-base-button-secondary-active-border-color: #44709f00;
2689
+ $instui-component-base-button-secondary-active-text-color: #1D354F;
2655
2690
  $instui-component-base-button-secondary-disabled-background-color: #DFE1E3;
2656
2691
  $instui-component-base-button-secondary-disabled-border-color: #DFE1E3;
2657
2692
  $instui-component-base-button-secondary-disabled-text-color: #9EA6AD;
2658
2693
  $instui-component-base-button-secondary-ghost-border-color: #1d354f33;
2659
2694
  $instui-component-base-button-secondary-ghost-color: #1D354F;
2660
2695
  $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;
2663
- $instui-component-base-button-secondary-hover-text-color: #1D354F;
2664
2696
  $instui-component-base-button-secondary-on-color-active-border-color: #B6CCEA;
2665
2697
  $instui-component-base-button-secondary-on-color-active-text-color: #ffffff;
2666
2698
  $instui-component-base-button-secondary-on-color-disabled-border-color: #8D959F;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantoken/scss",
3
- "version": "0.1.18",
3
+ "version": "0.1.20",
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,12 +26,12 @@
26
26
  "provenance": true
27
27
  },
28
28
  "dependencies": {
29
- "@pantoken/model": "0.4.0",
30
- "@pantoken/tokens": "0.6.0",
31
- "@pantoken/utils": "1.1.0"
29
+ "@pantoken/model": "0.5.0",
30
+ "@pantoken/tokens": "0.8.0",
31
+ "@pantoken/utils": "1.2.1"
32
32
  },
33
33
  "devDependencies": {
34
- "@types/node": "^26.6.2",
34
+ "@types/node": "^26.6.3",
35
35
  "typescript": "^7.0.2",
36
36
  "vite": "npm:@voidzero-dev/vite-plus-core@1.0.0-rc.0",
37
37
  "vite-plus": "1.0.0-rc.0"