@pantoken/scss 0.1.19 → 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.
- package/generated/tokens.scss +54 -22
- package/package.json +3 -3
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: #
|
|
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: #
|
|
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: #
|
|
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: #
|
|
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: #
|
|
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-
|
|
2624
|
-
$instui-component-base-button-primary-
|
|
2625
|
-
$instui-component-base-button-primary-
|
|
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
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.
|
|
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",
|
|
@@ -27,8 +27,8 @@
|
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@pantoken/model": "0.5.0",
|
|
30
|
-
"@pantoken/tokens": "0.
|
|
31
|
-
"@pantoken/utils": "1.2.
|
|
30
|
+
"@pantoken/tokens": "0.8.0",
|
|
31
|
+
"@pantoken/utils": "1.2.1"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@types/node": "^26.6.3",
|