origam 2.18.15 → 2.18.16

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 (14) hide show
  1. package/dist/src/assets/css/main.css +1 -1
  2. package/dist/src/assets/css/tokens/dark.css +312 -0
  3. package/dist/src/assets/css/tokens/light.css +156 -0
  4. package/dist/src/assets/scss/tokens/_dark.scss +312 -0
  5. package/dist/src/assets/scss/tokens/_light.scss +156 -0
  6. package/dist/src/components/Bracket/OrigamBracket.vue +15 -0
  7. package/dist/src/components/Bracket/OrigamBracketMatch.vue +22 -1
  8. package/dist/src/components/Card/OrigamCard.vue +42 -35
  9. package/dist/src/components/Chart/OrigamChartAxis.vue +10 -0
  10. package/dist/src/components/Chart/OrigamChartBoxPlot.vue +3 -3
  11. package/dist/src/components/Chart/OrigamChartCandlestick.vue +2 -2
  12. package/dist/src/components/Chart/OrigamChartCartesian.vue +1 -1
  13. package/dist/src/types/tokens.type.d.ts +1 -1
  14. package/package.json +1 -1
package/dist/src/components/Card/OrigamCard.vue CHANGED
@@ -461,20 +461,20 @@ defineExpose({
461
461
  &__overlay {
462
462
  background-color: var(--origam-card__overlay---background-color, var(--origam-color__overlay---scrim));
463
463
  border-radius: var(--origam-card__overlay---border-radius, inherit);
464
- opacity: var(--origam-card__overlay---opacity, var(--origam-card---overlay-opacity, 0));
464
+ opacity: var(--origam-card__overlay---opacity, 0);
465
465
  pointer-events: var(--origam-card__overlay---pointer-events, none);
466
466
  position: var(--origam-card__overlay---position, absolute);
467
- bottom: var(--origam-card__overlay---position-bottom, var(--origam-card---overlay-position-bottom, 0));
468
- left: var(--origam-card__overlay---position-left, var(--origam-card---overlay-position-left, 0));
469
- right: var(--origam-card__overlay---position-right, var(--origam-card---overlay-position-right, 0));
470
- top: var(--origam-card__overlay---position-top, var(--origam-card---overlay-position-top, 0));
471
- transition-property: var(--origam-card__overlay---transition-property, var(--origam-card---overlay-transition-property, opacity));
472
- transition-duration: var(--origam-card__overlay---transition-duration, var(--origam-card---overlay-transition-duration, 0.2s));
473
- transition-timing-function: var(--origam-card__overlay---transition-timing-function, var(--origam-card---overlay-transition-timing-function, ease-in-out));
467
+ bottom: var(--origam-card__overlay---position-bottom, 0);
468
+ left: var(--origam-card__overlay---position-left, 0);
469
+ right: var(--origam-card__overlay---position-right, 0);
470
+ top: var(--origam-card__overlay---position-top, 0);
471
+ transition-property: var(--origam-card__overlay---transition-property, opacity);
472
+ transition-duration: var(--origam-card__overlay---transition-duration, 0.2s);
473
+ transition-timing-function: var(--origam-card__overlay---transition-timing-function, ease-in-out);
474
474
  }
475
475
 
476
476
  &__underlay {
477
- position: var(--origam-card__underlay---position, var(--origam-card---underlay-position, absolute));
477
+ position: var(--origam-card__underlay---position, absolute);
478
478
  }
479
479
 
480
480
  > * {
@@ -524,8 +524,8 @@ defineExpose({
524
524
  }
525
525
 
526
526
  &--loading {
527
- min-width: var(--origam-card---loading-min-width, 240px);
528
- min-height: var(--origam-card---loading-min-height, 120px);
527
+ min-width: var(--origam-card--loading---min-width, 240px);
528
+ min-height: var(--origam-card--loading---min-height, 120px);
529
529
  }
530
530
 
531
531
  &__loader {
@@ -565,6 +565,13 @@ defineExpose({
565
565
  z-index: var(--origam-card__loader---z-index, 3);
566
566
  min-height: 0;
567
567
  border-radius: inherit;
568
+ // ⛔ LEFT UNDECLARED ON PURPOSE (#593). Declaring this token in the token
569
+ // sheets would substitute the `color-mix()` at `:root`, where
570
+ // `--origam-card---background` holds the root default — freezing the
571
+ // scrim to that one colour. Undeclared, the fallback is evaluated on THIS
572
+ // element, so the mix follows whatever background the card actually
573
+ // carries. Wiring it would cost that and buy a channel that
574
+ // `--origam-card---background` already covers.
568
575
  background-color: var(--origam-card__loader---overlay-background, color-mix(in srgb, var(--origam-card---background) 62%, transparent));
569
576
 
570
577
  :deep(.origam-progress--circular) {
@@ -650,34 +657,34 @@ defineExpose({
650
657
  --origam-card---cursor: pointer;
651
658
 
652
659
  &:before {
653
- border-radius: var(--origam-card__before---border-radius, var(--origam-card---before-border-radius, inherit));
654
- bottom: var(--origam-card__before---bottom, var(--origam-card---before-bottom, 0));
655
- content: var(--origam-card__before---content, var(--origam-card---before-content, ""));
656
- display: var(--origam-card__before---display, var(--origam-card---before-display, block));
657
- left: var(--origam-card__before---left, var(--origam-card---before-left, 0));
658
- pointer-events: var(--origam-card__before---pointer-events, var(--origam-card---before-pointer-events, none));
659
- position: var(--origam-card__before---position, var(--origam-card---before-position, absolute));
660
- right: var(--origam-card__before---right, var(--origam-card---before-right, 0));
661
- top: var(--origam-card__before---top, var(--origam-card---before-top, 0));
662
- transition: var(--origam-card__before---transition, var(--origam-card---before-transition, inherit));
663
- opacity: var(--origam-card__before---opacity, var(--origam-card---before-opacity, 1));
664
- z-index: var(--origam-card__before---z-index, var(--origam-card---before-z-index, -1));
660
+ border-radius: var(--origam-card__before---border-radius, inherit);
661
+ bottom: var(--origam-card__before---bottom, 0);
662
+ content: var(--origam-card__before---content, "");
663
+ display: var(--origam-card__before---display, block);
664
+ left: var(--origam-card__before---left, 0);
665
+ pointer-events: var(--origam-card__before---pointer-events, none);
666
+ position: var(--origam-card__before---position, absolute);
667
+ right: var(--origam-card__before---right, 0);
668
+ top: var(--origam-card__before---top, 0);
669
+ transition: var(--origam-card__before---transition, inherit);
670
+ opacity: var(--origam-card__before---opacity, 1);
671
+ z-index: var(--origam-card__before---z-index, -1);
665
672
  box-shadow: var(--origam-card__before---box-shadow, var(--origam-card---before-box-shadow));
666
673
  }
667
674
 
668
675
  &:after {
669
- border-radius: var(--origam-card__after---border-radius, var(--origam-card---after-border-radius, inherit));
670
- bottom: var(--origam-card__after---bottom, var(--origam-card---after-bottom, 0));
671
- content: var(--origam-card__after---content, var(--origam-card---after-content, ""));
672
- display: var(--origam-card__after---display, var(--origam-card---after-display, block));
673
- left: var(--origam-card__after---left, var(--origam-card---after-left, 0));
674
- pointer-events: var(--origam-card__after---pointer-events, var(--origam-card---after-pointer-events, none));
675
- position: var(--origam-card__after---position, var(--origam-card---after-position, absolute));
676
- right: var(--origam-card__after---right, var(--origam-card---after-right, 0));
677
- top: var(--origam-card__after---top, var(--origam-card---after-top, 0));
678
- transition: var(--origam-card__after---transition, var(--origam-card---after-transition, inherit));
679
- z-index: var(--origam-card__after---z-index, var(--origam-card---after-z-index, 1));
680
- opacity: var(--origam-card__after---opacity, var(--origam-card---after-opacity, 0));
676
+ border-radius: var(--origam-card__after---border-radius, inherit);
677
+ bottom: var(--origam-card__after---bottom, 0);
678
+ content: var(--origam-card__after---content, "");
679
+ display: var(--origam-card__after---display, block);
680
+ left: var(--origam-card__after---left, 0);
681
+ pointer-events: var(--origam-card__after---pointer-events, none);
682
+ position: var(--origam-card__after---position, absolute);
683
+ right: var(--origam-card__after---right, 0);
684
+ top: var(--origam-card__after---top, 0);
685
+ transition: var(--origam-card__after---transition, inherit);
686
+ z-index: var(--origam-card__after---z-index, 1);
687
+ opacity: var(--origam-card__after---opacity, 0);
681
688
  box-shadow: var(--origam-card__after---box-shadow, var(--origam-card---after-box-shadow));
682
689
  }
683
690
 
package/dist/src/components/Chart/OrigamChartAxis.vue CHANGED
@@ -137,6 +137,16 @@ const formatSecondaryY = (value) => {
137
137
  stroke-width: var(--origam-chart__axis---stroke-width, 1);
138
138
  }
139
139
 
140
+ /*
141
+ * ⛔ `--origam-chart__axis-label---font-size` reste NON DECLARE dans les
142
+ * feuilles (#591), volontairement : les huit lectures de la famille Chart
143
+ * ne s'accordent pas sur leur repli — 0.75rem ici, dans Bullet (echelle
144
+ * principale), Cartesian, Gauge et Radar ; 0.6875rem dans BoxPlot,
145
+ * Candlestick et la seconde echelle de Bullet. Une declaration unique
146
+ * changerait donc le rendu de l'un des deux camps. Trancher demande un
147
+ * choix de design (valeur commune, ou second token pour l'echelle
148
+ * secondaire) : remonte a l'utilisateur, pas cable en silence.
149
+ */
140
150
  .origam-chart__axis-label {
141
151
  fill: var(--origam-chart__axis-label---color, var(--origam-color__text---secondary, #6b7280));
142
152
  font-size: var(--origam-chart__axis-label---font-size, 0.75rem);
package/dist/src/components/Chart/OrigamChartBoxPlot.vue CHANGED
@@ -726,19 +726,19 @@ const onSeriesToggle = (series, nextVisible) => {
726
726
  }
727
727
 
728
728
  .origam-chart__grid-line {
729
- stroke: var(--origam-chart__grid---stroke-color, var(--origam-color__border---subtle, #e5e7eb));
729
+ stroke: var(--origam-chart__grid---color, var(--origam-color__border---subtle, #e5e7eb));
730
730
  stroke-width: 1;
731
731
  stroke-dasharray: 4 4;
732
732
  }
733
733
 
734
734
  .origam-chart__axis-line {
735
- stroke: var(--origam-chart__axis---stroke-color, var(--origam-color__border---default, #d1d5db));
735
+ stroke: var(--origam-chart__axis---color, var(--origam-color__border---default, #d1d5db));
736
736
  stroke-width: 1;
737
737
  }
738
738
 
739
739
  .origam-chart__axis-label {
740
740
  font-size: var(--origam-chart__axis-label---font-size, 0.6875rem);
741
- fill: var(--origam-chart__axis-label---fill, var(--origam-color__text---secondary, #6b7280));
741
+ fill: var(--origam-chart__axis-label---color, var(--origam-color__text---secondary, #6b7280));
742
742
  }
743
743
 
744
744
  .origam-chart__box-rect {
package/dist/src/components/Chart/OrigamChartCandlestick.vue CHANGED
@@ -611,14 +611,14 @@ const onSeriesToggle = (series, nextVisible) => {
611
611
  }
612
612
 
613
613
  &__grid-line {
614
- stroke: var(--origam-chart__grid---stroke-color, var(--origam-color__border---subtle, #e5e7eb));
614
+ stroke: var(--origam-chart__grid---color, var(--origam-color__border---subtle, #e5e7eb));
615
615
  stroke-width: var(--origam-chart__grid---stroke-width, 1);
616
616
  fill: none;
617
617
  }
618
618
 
619
619
  &__axis-label {
620
620
  font-size: var(--origam-chart__axis-label---font-size, 0.6875rem);
621
- fill: var(--origam-chart__axis-label---fill, var(--origam-color__text---secondary, #6b7280));
621
+ fill: var(--origam-chart__axis-label---color, var(--origam-color__text---secondary, #6b7280));
622
622
  user-select: none;
623
623
  pointer-events: none;
624
624
  }
package/dist/src/components/Chart/OrigamChartCartesian.vue CHANGED
@@ -1475,7 +1475,7 @@ const pointAriaLabel = (path) => {
1475
1475
  }
1476
1476
 
1477
1477
  .origam-chart__annotation-callout-text {
1478
- fill: var(--origam-chart__annotation-callout---text-color, #ffffff);
1478
+ fill: var(--origam-chart__annotation-callout---color, #ffffff);
1479
1479
  font-size: var(--origam-chart__annotation-callout---font-size, 0.6875rem);
1480
1480
  font-weight: var(--origam-chart__annotation-callout---font-weight, 600);
1481
1481
  pointer-events: none;