@pantoken/scss 0.1.12 → 0.1.13
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 +57 -16
- package/package.json +7 -7
package/generated/tokens.scss
CHANGED
|
@@ -408,6 +408,8 @@ $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-pastel-violet: #F3E5F7;
|
|
412
|
+
$instui-color-background-pastel-sea: #CFF0F6;
|
|
411
413
|
$instui-color-background-divider-base: #C7CACD;
|
|
412
414
|
$instui-color-background-divider-on-color: #ffffff;
|
|
413
415
|
$instui-color-background-interactive-input-base: #ffffff;
|
|
@@ -419,9 +421,9 @@ $instui-color-background-interactive-action-primary-base: #1D354F;
|
|
|
419
421
|
$instui-color-background-interactive-action-primary-hover: #234465;
|
|
420
422
|
$instui-color-background-interactive-action-primary-active: #061C30;
|
|
421
423
|
$instui-color-background-interactive-action-primary-disabled: #DFE1E3;
|
|
422
|
-
$instui-color-background-interactive-action-secondary-base: #
|
|
423
|
-
$instui-color-background-interactive-action-secondary-hover: #
|
|
424
|
-
$instui-color-background-interactive-action-secondary-active: #
|
|
424
|
+
$instui-color-background-interactive-action-secondary-base: #44709F;
|
|
425
|
+
$instui-color-background-interactive-action-secondary-hover: #44709F;
|
|
426
|
+
$instui-color-background-interactive-action-secondary-active: #44709F;
|
|
425
427
|
$instui-color-background-interactive-action-secondary-disabled: #DFE1E3;
|
|
426
428
|
$instui-color-background-interactive-action-destructive-base: #CF1F24;
|
|
427
429
|
$instui-color-background-interactive-action-destructive-hover: #E62429;
|
|
@@ -653,9 +655,9 @@ $instui-color-stroke-interactive-action-primary-base: #1D354F;
|
|
|
653
655
|
$instui-color-stroke-interactive-action-primary-hover: #234465;
|
|
654
656
|
$instui-color-stroke-interactive-action-primary-active: #061C30;
|
|
655
657
|
$instui-color-stroke-interactive-action-primary-disabled: #DFE1E3;
|
|
656
|
-
$instui-color-stroke-interactive-action-secondary-base: #
|
|
657
|
-
$instui-color-stroke-interactive-action-secondary-hover: #
|
|
658
|
-
$instui-color-stroke-interactive-action-secondary-active: #
|
|
658
|
+
$instui-color-stroke-interactive-action-secondary-base: #44709F;
|
|
659
|
+
$instui-color-stroke-interactive-action-secondary-hover: #44709F;
|
|
660
|
+
$instui-color-stroke-interactive-action-secondary-active: #44709F;
|
|
659
661
|
$instui-color-stroke-interactive-action-secondary-disabled: #DFE1E3;
|
|
660
662
|
$instui-color-stroke-interactive-action-destructive-base: #CF1F24;
|
|
661
663
|
$instui-color-stroke-interactive-action-destructive-hover: #E62429;
|
|
@@ -1118,7 +1120,7 @@ $instui-component-text-input-placeholder-hover-color: #334450;
|
|
|
1118
1120
|
$instui-component-text-input-arrows-container-width: 2rem;
|
|
1119
1121
|
$instui-component-text-input-arrows-background-color: #44709F;
|
|
1120
1122
|
$instui-component-text-input-arrows-background-hover-color: #44709F;
|
|
1121
|
-
$instui-component-text-input-arrows-background-active-color: #
|
|
1123
|
+
$instui-component-text-input-arrows-background-active-color: #44709F;
|
|
1122
1124
|
$instui-component-text-input-arrows-background-disabled-color: #DFE1E3;
|
|
1123
1125
|
$instui-component-text-input-arrows-border-color: #44709F;
|
|
1124
1126
|
$instui-component-text-input-font-family: Atkinson Hyperlegible Next, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
@@ -1224,9 +1226,9 @@ $instui-component-text-success-color: #037D37;
|
|
|
1224
1226
|
$instui-component-text-warning-color: #BB4200;
|
|
1225
1227
|
$instui-component-text-font-family: Atkinson Hyperlegible Next, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
1226
1228
|
$instui-component-text-font-family-monospace: Menlo, Consolas, Monaco, "Andale Mono", monospace;
|
|
1227
|
-
$instui-component-tag-default-background: #
|
|
1228
|
-
$instui-component-tag-default-background-hover: #
|
|
1229
|
-
$instui-component-tag-default-border-color: #
|
|
1229
|
+
$instui-component-tag-default-background: #44709F;
|
|
1230
|
+
$instui-component-tag-default-background-hover: #44709F;
|
|
1231
|
+
$instui-component-tag-default-border-color: #44709F;
|
|
1230
1232
|
$instui-component-tag-default-border-radius: 0.5rem;
|
|
1231
1233
|
$instui-component-tag-default-border-style: solid;
|
|
1232
1234
|
$instui-component-tag-inline-border-style: solid;
|
|
@@ -1242,9 +1244,9 @@ $instui-component-tag-height-large: 2rem;
|
|
|
1242
1244
|
$instui-component-tag-height-medium: 1.75rem;
|
|
1243
1245
|
$instui-component-tag-height-small: 1.5rem;
|
|
1244
1246
|
$instui-component-tag-icon-margin: 0.5rem;
|
|
1245
|
-
$instui-component-tag-inline-background: #
|
|
1246
|
-
$instui-component-tag-inline-background-hover: #
|
|
1247
|
-
$instui-component-tag-inline-border-color: #
|
|
1247
|
+
$instui-component-tag-inline-background: #44709F;
|
|
1248
|
+
$instui-component-tag-inline-background-hover: #44709F;
|
|
1249
|
+
$instui-component-tag-inline-border-color: #44709F;
|
|
1248
1250
|
$instui-component-tag-inline-border-radius: 0.25rem;
|
|
1249
1251
|
$instui-component-tag-max-width: 10rem;
|
|
1250
1252
|
$instui-component-tag-padding-horizontal: 0.5rem;
|
|
@@ -1252,6 +1254,7 @@ $instui-component-tag-padding-horizontal-small: 0.5rem;
|
|
|
1252
1254
|
$instui-component-tag-transition-timing: 0.2s;
|
|
1253
1255
|
$instui-component-tag-inline-icon-color: #1D354F;
|
|
1254
1256
|
$instui-component-tag-inline-icon-hover-color: #234465;
|
|
1257
|
+
$instui-component-tag-lead-element-label: 0.25rem;
|
|
1255
1258
|
$instui-component-tabs-default-background: #00000000;
|
|
1256
1259
|
$instui-component-tabs-scroll-fade-color: #ffffff;
|
|
1257
1260
|
$instui-component-tabs-scroll-overlay-width-default: 5rem;
|
|
@@ -2462,6 +2465,22 @@ $instui-component-chart-alert-warning-low: #BE8A01;
|
|
|
2462
2465
|
$instui-component-chart-alert-success: #3EA75B;
|
|
2463
2466
|
$instui-component-chart-alert-info: #2B7ABC;
|
|
2464
2467
|
$instui-component-chart-alert-neutral: #8D959F;
|
|
2468
|
+
$instui-component-card-border-radius-base-sm: 0.75rem;
|
|
2469
|
+
$instui-component-card-border-radius-base-md: 1rem;
|
|
2470
|
+
$instui-component-card-border-radius-base-lg: 1rem;
|
|
2471
|
+
$instui-component-card-border-radius-nested-sm: 0.5rem;
|
|
2472
|
+
$instui-component-card-border-radius-nested-md: 0.5rem;
|
|
2473
|
+
$instui-component-card-border-radius-nested-lg: 0.75rem;
|
|
2474
|
+
$instui-component-card-padding-base-sm: 0.75rem;
|
|
2475
|
+
$instui-component-card-padding-base-md: 1rem;
|
|
2476
|
+
$instui-component-card-padding-base-lg: 1.5rem;
|
|
2477
|
+
$instui-component-card-padding-nested-sm: 0.5rem;
|
|
2478
|
+
$instui-component-card-padding-nested-md: 0.75rem;
|
|
2479
|
+
$instui-component-card-padding-nested-lg: 1rem;
|
|
2480
|
+
$instui-component-card-background-color: #ffffff;
|
|
2481
|
+
$instui-component-card-nested-border-color: #E8EAEC;
|
|
2482
|
+
$instui-component-card-breakpoint-md: 20rem;
|
|
2483
|
+
$instui-component-card-breakpoint-lg: 40rem;
|
|
2465
2484
|
$instui-component-calendar-background: #ffffff;
|
|
2466
2485
|
$instui-component-calendar-color: #273540;
|
|
2467
2486
|
$instui-component-calendar-font-family: Atkinson Hyperlegible Next, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
@@ -2502,7 +2521,7 @@ $instui-component-breadcrumb-gap-sm: 0.125rem;
|
|
|
2502
2521
|
$instui-component-breadcrumb-gap-md: 0.25rem;
|
|
2503
2522
|
$instui-component-breadcrumb-gap-lg: 0.5rem;
|
|
2504
2523
|
$instui-component-billboard-background-color: #00000000;
|
|
2505
|
-
$instui-component-billboard-clickable-active-bg: #
|
|
2524
|
+
$instui-component-billboard-clickable-active-bg: #44709F;
|
|
2506
2525
|
$instui-component-billboard-font-family: Atkinson Hyperlegible Next, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
2507
2526
|
$instui-component-billboard-padding-small: 0.75rem;
|
|
2508
2527
|
$instui-component-billboard-padding-medium: 1.5rem;
|
|
@@ -2701,6 +2720,29 @@ $instui-component-base-button-transform: none;
|
|
|
2701
2720
|
$instui-component-base-button-border-style: solid;
|
|
2702
2721
|
$instui-component-base-button-padding-vertical: 0.25rem;
|
|
2703
2722
|
$instui-component-base-button-line-height: 125%;
|
|
2723
|
+
$instui-component-banner-border-radius: 1rem;
|
|
2724
|
+
$instui-component-banner-relaxed-icon-border-radius: 0.75rem;
|
|
2725
|
+
$instui-component-banner-compact-icon-border-radius: 0.5rem;
|
|
2726
|
+
$instui-component-banner-border-style: solid;
|
|
2727
|
+
$instui-component-banner-border-width: 0.0625rem;
|
|
2728
|
+
$instui-component-banner-color: #273540;
|
|
2729
|
+
$instui-component-banner-border-color: #5F6E7A;
|
|
2730
|
+
$instui-component-banner-icon-color: #ffffff;
|
|
2731
|
+
$instui-component-banner-violet-background: #F3E5F7;
|
|
2732
|
+
$instui-component-banner-violet-icon-background: #9E58BD;
|
|
2733
|
+
$instui-component-banner-sea-background: #CFF0F6;
|
|
2734
|
+
$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
|
+
$instui-component-banner-relaxed-padding-vertical: 1.5rem;
|
|
2738
|
+
$instui-component-banner-close-button-margin-top: 0.5rem;
|
|
2739
|
+
$instui-component-banner-close-button-margin-right: 0.5rem;
|
|
2740
|
+
$instui-component-banner-content-gap-vertical: 0.75rem;
|
|
2741
|
+
$instui-component-banner-relaxed-padding-horizontal: 1.5rem;
|
|
2742
|
+
$instui-component-banner-relaxed-content-gap-horizontal: 1rem;
|
|
2743
|
+
$instui-component-banner-compact-content-gap-horizontal: 0.5rem;
|
|
2744
|
+
$instui-component-banner-compact-padding-horizontal: 0.75rem;
|
|
2745
|
+
$instui-component-banner-compact-padding-vertical: 0.75rem;
|
|
2704
2746
|
$instui-component-badge-border-radius: 999rem;
|
|
2705
2747
|
$instui-component-badge-font-family: Atkinson Hyperlegible Next, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
2706
2748
|
$instui-component-badge-color: #ffffff;
|
|
@@ -2714,6 +2756,7 @@ $instui-component-badge-size-notification: 0.75rem;
|
|
|
2714
2756
|
$instui-component-badge-size: 1rem;
|
|
2715
2757
|
$instui-component-badge-padding: 0.25rem;
|
|
2716
2758
|
$instui-component-badge-notification-offset: 0.125rem;
|
|
2759
|
+
$instui-component-badge-notification-z-index: 1;
|
|
2717
2760
|
$instui-component-badge-pulse-border-thickness: 0.125rem;
|
|
2718
2761
|
$instui-component-badge-count-offset: 0.5rem;
|
|
2719
2762
|
$instui-component-badge-primary-text-color: #ffffff;
|
|
@@ -2809,6 +2852,4 @@ $instui-component-ai-information-level-color: #8A49A7;
|
|
|
2809
2852
|
$instui-component-ai-information-permission-levels-modal-trigger-bottom-margin: 1.5rem;
|
|
2810
2853
|
$instui-icon-color-ai: linear-gradient(180deg, #944FB3 0%, #027887 100%);
|
|
2811
2854
|
$instui-icon-color-inherit: currentColor;
|
|
2812
|
-
$instui-component-truncate-text-line-height: 150%;
|
|
2813
|
-
$instui-component-badge-notification-z-index: 1;
|
|
2814
2855
|
$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.
|
|
3
|
+
"version": "0.1.13",
|
|
4
4
|
"description": "Instructure design tokens as SCSS variables (resolved, single-mode) from the pantoken IR.",
|
|
5
5
|
"homepage": "https://pantoken.iywahl.com",
|
|
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.
|
|
30
|
-
"@pantoken/tokens": "0.
|
|
31
|
-
"@pantoken/utils": "1.0.
|
|
29
|
+
"@pantoken/model": "0.3.1",
|
|
30
|
+
"@pantoken/tokens": "0.3.0",
|
|
31
|
+
"@pantoken/utils": "1.0.1"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
|
-
"@types/node": "^
|
|
34
|
+
"@types/node": "^26.3.0",
|
|
35
35
|
"typescript": "^7.0.2",
|
|
36
|
-
"vite": "npm:@voidzero-dev/vite-plus-core@0.
|
|
37
|
-
"vite-plus": "0.
|
|
36
|
+
"vite": "npm:@voidzero-dev/vite-plus-core@0.3.0",
|
|
37
|
+
"vite-plus": "0.3.0"
|
|
38
38
|
},
|
|
39
39
|
"engines": {
|
|
40
40
|
"node": ">=22.18.0"
|