@pantoken/scss 0.1.12 → 0.1.14

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 (3) hide show
  1. package/dist/index.d.mts +3 -3
  2. package/generated/tokens.scss +68 -27
  3. package/package.json +8 -8
package/dist/index.d.mts CHANGED
@@ -29,7 +29,7 @@ interface ToScssOptions {
29
29
  * toScss(byTheme("canvas"), { mode: "dark" });
30
30
  * ```
31
31
  */
32
- declare function toScss(tokens: readonly Token[], options?: ToScssOptions): string;
32
+ export declare function toScss(tokens: readonly Token[], options?: ToScssOptions): string;
33
33
  //#endregion
34
34
  //#region src/index.d.ts
35
35
  /**
@@ -43,6 +43,6 @@ declare function toScss(tokens: readonly Token[], options?: ToScssOptions): stri
43
43
  * writeFileSync("tokens.scss", scss);
44
44
  * ```
45
45
  */
46
- declare const scss: string;
46
+ export declare const scss: string;
47
47
  //#endregion
48
- export { type Mode, type ToScssOptions, scss as default, scss, toScss };
48
+ export { type Mode, type ToScssOptions, scss as default };
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: #D5E2F6;
423
- $instui-color-background-interactive-action-secondary-hover: #E2EAF7;
424
- $instui-color-background-interactive-action-secondary-active: #B6CCEA;
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: #D5E2F6;
657
- $instui-color-stroke-interactive-action-secondary-hover: #E2EAF7;
658
- $instui-color-stroke-interactive-action-secondary-active: #B6CCEA;
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: #B6CCEA;
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: #D5E2F6;
1228
- $instui-component-tag-default-background-hover: #E2EAF7;
1229
- $instui-component-tag-default-border-color: #D5E2F6;
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: #D5E2F6;
1246
- $instui-component-tag-inline-background-hover: #E2EAF7;
1247
- $instui-component-tag-inline-border-color: #D5E2F6;
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: #B6CCEA;
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;
@@ -2528,10 +2547,10 @@ $instui-component-base-button-primary-color: #ffffff;
2528
2547
  $instui-component-base-button-primary-disabled-background-color: #DFE1E3;
2529
2548
  $instui-component-base-button-primary-disabled-border-color: #DFE1E3;
2530
2549
  $instui-component-base-button-primary-disabled-text-color: #9EA6AD;
2531
- $instui-component-base-button-primary-ghost-active-background: #1D354F;
2532
- $instui-component-base-button-primary-ghost-border-color: #1D354F;
2550
+ $instui-component-base-button-primary-ghost-active-background: #1D354F33;
2551
+ $instui-component-base-button-primary-ghost-border-color: #1D354F66;
2533
2552
  $instui-component-base-button-primary-ghost-color: #1D354F;
2534
- $instui-component-base-button-primary-ghost-hover-background: #1D354F;
2553
+ $instui-component-base-button-primary-ghost-hover-background: #1D354F1A;
2535
2554
  $instui-component-base-button-primary-hover-background: #1D354F;
2536
2555
  $instui-component-base-button-primary-hover-border-color: #1D354F;
2537
2556
  $instui-component-base-button-primary-hover-text-color: #ffffff;
@@ -2551,11 +2570,11 @@ $instui-component-base-button-primary-on-color-disabled-border-color: #8D959F;
2551
2570
  $instui-component-base-button-primary-on-color-disabled-text-color: #4A5B68;
2552
2571
  $instui-component-base-button-primary-on-color-hover-border-color: #D5E2F6;
2553
2572
  $instui-component-base-button-primary-on-color-hover-text-color: #213D5B;
2554
- $instui-component-base-button-secondary-active-background: #44709F;
2555
- $instui-component-base-button-secondary-active-border-color: #44709F;
2573
+ $instui-component-base-button-secondary-active-background: #3D658F33;
2574
+ $instui-component-base-button-secondary-active-border-color: #44709F00;
2556
2575
  $instui-component-base-button-secondary-active-text-color: #1D354F;
2557
- $instui-component-base-button-secondary-background: #44709F;
2558
- $instui-component-base-button-secondary-border-color: #44709F;
2576
+ $instui-component-base-button-secondary-background: #44709F33;
2577
+ $instui-component-base-button-secondary-border-color: #44709F00;
2559
2578
  $instui-component-base-button-secondary-color: #1D354F;
2560
2579
  $instui-component-base-button-secondary-disabled-background-color: #DFE1E3;
2561
2580
  $instui-component-base-button-secondary-disabled-border-color: #DFE1E3;
@@ -2563,8 +2582,8 @@ $instui-component-base-button-secondary-disabled-text-color: #9EA6AD;
2563
2582
  $instui-component-base-button-secondary-ghost-border-color: #1D354F;
2564
2583
  $instui-component-base-button-secondary-ghost-color: #1D354F;
2565
2584
  $instui-component-base-button-secondary-ghost-hover-background: #44709F;
2566
- $instui-component-base-button-secondary-hover-background: #44709F;
2567
- $instui-component-base-button-secondary-hover-border-color: #44709F;
2585
+ $instui-component-base-button-secondary-hover-background: #4D7EB333;
2586
+ $instui-component-base-button-secondary-hover-border-color: #44709F00;
2568
2587
  $instui-component-base-button-secondary-hover-text-color: #1D354F;
2569
2588
  $instui-component-base-button-secondary-on-color-active-border-color: #B6CCEA;
2570
2589
  $instui-component-base-button-secondary-on-color-active-text-color: #ffffff;
@@ -2664,11 +2683,11 @@ $instui-component-base-button-height-xs: 1.5rem;
2664
2683
  $instui-component-base-button-height-xxs: 1.25rem;
2665
2684
  $instui-component-base-button-opacity-base: 1;
2666
2685
  $instui-component-base-button-opacity-disabled: 1;
2667
- $instui-component-base-button-tertiary-active-border-color: #1D354F;
2686
+ $instui-component-base-button-tertiary-active-border-color: #1D354F4D;
2668
2687
  $instui-component-base-button-tertiary-active-text-color: #1D354F;
2669
2688
  $instui-component-base-button-tertiary-disabled-border-color: #C7CACD;
2670
2689
  $instui-component-base-button-tertiary-disabled-text-color: #AAB0B5;
2671
- $instui-component-base-button-tertiary-hover-border-color: #1D354F;
2690
+ $instui-component-base-button-tertiary-hover-border-color: #1D354F33;
2672
2691
  $instui-component-base-button-tertiary-hover-text-color: #1D354F;
2673
2692
  $instui-component-base-button-danger-box-shadow: none;
2674
2693
  $instui-component-base-button-danger-ghost-background: transparent;
@@ -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: #5F6E7A1A;
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,8 +1,8 @@
1
1
  {
2
2
  "name": "@pantoken/scss",
3
- "version": "0.1.12",
3
+ "version": "0.1.14",
4
4
  "description": "Instructure design tokens as SCSS variables (resolved, single-mode) from the pantoken IR.",
5
- "homepage": "https://pantoken.iywahl.com",
5
+ "homepage": "https://pantoken.app",
6
6
  "bugs": "https://github.com/thedannywahl/pantoken/issues",
7
7
  "license": "MIT",
8
8
  "repository": {
@@ -26,15 +26,15 @@
26
26
  "provenance": true
27
27
  },
28
28
  "dependencies": {
29
- "@pantoken/model": "0.3.0",
30
- "@pantoken/tokens": "0.2.4",
31
- "@pantoken/utils": "1.0.0"
29
+ "@pantoken/model": "0.3.2",
30
+ "@pantoken/tokens": "0.3.1",
31
+ "@pantoken/utils": "1.0.2"
32
32
  },
33
33
  "devDependencies": {
34
- "@types/node": "^24.13.3",
34
+ "@types/node": "^26.5.0",
35
35
  "typescript": "^7.0.2",
36
- "vite": "npm:@voidzero-dev/vite-plus-core@0.2.9",
37
- "vite-plus": "0.2.9"
36
+ "vite": "npm:@voidzero-dev/vite-plus-core@0.3.1",
37
+ "vite-plus": "0.3.1"
38
38
  },
39
39
  "engines": {
40
40
  "node": ">=22.18.0"