origam 2.18.6 → 2.18.7

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 (16) hide show
  1. package/CHANGELOG.md +138 -0
  2. package/dist/src/assets/css/main.css +1 -1
  3. package/dist/src/assets/css/tokens/dark.css +4 -4
  4. package/dist/src/assets/css/tokens/light.css +2 -2
  5. package/dist/src/assets/scss/tokens/_dark.scss +4 -4
  6. package/dist/src/assets/scss/tokens/_light.scss +2 -2
  7. package/dist/src/components/Alert/OrigamAlert.vue +0 -4
  8. package/dist/src/components/Btn/OrigamBtn.vue +0 -4
  9. package/dist/src/components/Chip/OrigamChip.vue +0 -6
  10. package/dist/src/components/Kbd/OrigamKbd.vue +0 -1
  11. package/dist/src/components/List/OrigamList.vue +0 -4
  12. package/dist/src/components/Stepper/OrigamStepper.vue +0 -7
  13. package/dist/src/components/Table/OrigamTable.vue +0 -7
  14. package/dist/src/components/Tabs/OrigamTabs.vue +0 -19
  15. package/dist/src/components/Toolbar/OrigamToolbar.vue +0 -4
  16. package/package.json +1 -1
package/dist/src/assets/css/tokens/dark.css CHANGED
@@ -253,7 +253,7 @@
253
253
  --origam-btn---width: auto;
254
254
  --origam-btn---min-width: 64px;
255
255
  --origam-btn---max-width: 100%;
256
- --origam-btn---height: 36px;
256
+ --origam-btn---height: var(--origam-btn---height-md, 36px);
257
257
  --origam-btn---max-height: 100%;
258
258
  --origam-btn---height-xs: 20px;
259
259
  --origam-btn---height-sm: 28px;
@@ -780,7 +780,7 @@
780
780
  --origam-toolbar---border-end-end-radius: var(--origam-radius---none);
781
781
  --origam-toolbar---max-width: 100%;
782
782
  --origam-toolbar---width: 100%;
783
- --origam-toolbar---height: var(--origam-space---14);
783
+ --origam-toolbar---height: var(--origam-toolbar---height-default, var(--origam-space---14));
784
784
  --origam-toolbar---height-compact: var(--origam-space---10);
785
785
  --origam-toolbar---height-default: var(--origam-space---14);
786
786
  --origam-toolbar---height-prominent: var(--origam-space---20);
@@ -2989,7 +2989,7 @@
2989
2989
  --origam-btn---width: auto;
2990
2990
  --origam-btn---min-width: 64px;
2991
2991
  --origam-btn---max-width: 100%;
2992
- --origam-btn---height: 36px;
2992
+ --origam-btn---height: var(--origam-btn---height-md, 36px);
2993
2993
  --origam-btn---max-height: 100%;
2994
2994
  --origam-btn---height-xs: 20px;
2995
2995
  --origam-btn---height-sm: 28px;
@@ -3516,7 +3516,7 @@
3516
3516
  --origam-toolbar---border-end-end-radius: var(--origam-radius---none);
3517
3517
  --origam-toolbar---max-width: 100%;
3518
3518
  --origam-toolbar---width: 100%;
3519
- --origam-toolbar---height: var(--origam-space---14);
3519
+ --origam-toolbar---height: var(--origam-toolbar---height-default, var(--origam-space---14));
3520
3520
  --origam-toolbar---height-compact: var(--origam-space---10);
3521
3521
  --origam-toolbar---height-default: var(--origam-space---14);
3522
3522
  --origam-toolbar---height-prominent: var(--origam-space---20);
package/dist/src/assets/css/tokens/light.css CHANGED
@@ -155,7 +155,7 @@
155
155
  --origam-btn---width: auto;
156
156
  --origam-btn---min-width: 64px;
157
157
  --origam-btn---max-width: 100%;
158
- --origam-btn---height: 36px;
158
+ --origam-btn---height: var(--origam-btn---height-md, 36px);
159
159
  --origam-btn---max-height: 100%;
160
160
  --origam-btn---height-xs: 20px;
161
161
  --origam-btn---height-sm: 28px;
@@ -682,7 +682,7 @@
682
682
  --origam-toolbar---border-end-end-radius: var(--origam-radius---none);
683
683
  --origam-toolbar---max-width: 100%;
684
684
  --origam-toolbar---width: 100%;
685
- --origam-toolbar---height: var(--origam-space---14);
685
+ --origam-toolbar---height: var(--origam-toolbar---height-default, var(--origam-space---14));
686
686
  --origam-toolbar---height-compact: var(--origam-space---10);
687
687
  --origam-toolbar---height-default: var(--origam-space---14);
688
688
  --origam-toolbar---height-prominent: var(--origam-space---20);
package/dist/src/assets/scss/tokens/_dark.scss CHANGED
@@ -253,7 +253,7 @@
253
253
  --origam-btn---width: auto;
254
254
  --origam-btn---min-width: 64px;
255
255
  --origam-btn---max-width: 100%;
256
- --origam-btn---height: 36px;
256
+ --origam-btn---height: var(--origam-btn---height-md, 36px);
257
257
  --origam-btn---max-height: 100%;
258
258
  --origam-btn---height-xs: 20px;
259
259
  --origam-btn---height-sm: 28px;
@@ -780,7 +780,7 @@
780
780
  --origam-toolbar---border-end-end-radius: var(--origam-radius---none);
781
781
  --origam-toolbar---max-width: 100%;
782
782
  --origam-toolbar---width: 100%;
783
- --origam-toolbar---height: var(--origam-space---14);
783
+ --origam-toolbar---height: var(--origam-toolbar---height-default, var(--origam-space---14));
784
784
  --origam-toolbar---height-compact: var(--origam-space---10);
785
785
  --origam-toolbar---height-default: var(--origam-space---14);
786
786
  --origam-toolbar---height-prominent: var(--origam-space---20);
@@ -2989,7 +2989,7 @@
2989
2989
  --origam-btn---width: auto;
2990
2990
  --origam-btn---min-width: 64px;
2991
2991
  --origam-btn---max-width: 100%;
2992
- --origam-btn---height: 36px;
2992
+ --origam-btn---height: var(--origam-btn---height-md, 36px);
2993
2993
  --origam-btn---max-height: 100%;
2994
2994
  --origam-btn---height-xs: 20px;
2995
2995
  --origam-btn---height-sm: 28px;
@@ -3516,7 +3516,7 @@
3516
3516
  --origam-toolbar---border-end-end-radius: var(--origam-radius---none);
3517
3517
  --origam-toolbar---max-width: 100%;
3518
3518
  --origam-toolbar---width: 100%;
3519
- --origam-toolbar---height: var(--origam-space---14);
3519
+ --origam-toolbar---height: var(--origam-toolbar---height-default, var(--origam-space---14));
3520
3520
  --origam-toolbar---height-compact: var(--origam-space---10);
3521
3521
  --origam-toolbar---height-default: var(--origam-space---14);
3522
3522
  --origam-toolbar---height-prominent: var(--origam-space---20);
package/dist/src/assets/scss/tokens/_light.scss CHANGED
@@ -155,7 +155,7 @@
155
155
  --origam-btn---width: auto;
156
156
  --origam-btn---min-width: 64px;
157
157
  --origam-btn---max-width: 100%;
158
- --origam-btn---height: 36px;
158
+ --origam-btn---height: var(--origam-btn---height-md, 36px);
159
159
  --origam-btn---max-height: 100%;
160
160
  --origam-btn---height-xs: 20px;
161
161
  --origam-btn---height-sm: 28px;
@@ -682,7 +682,7 @@
682
682
  --origam-toolbar---border-end-end-radius: var(--origam-radius---none);
683
683
  --origam-toolbar---max-width: 100%;
684
684
  --origam-toolbar---width: 100%;
685
- --origam-toolbar---height: var(--origam-space---14);
685
+ --origam-toolbar---height: var(--origam-toolbar---height-default, var(--origam-space---14));
686
686
  --origam-toolbar---height-compact: var(--origam-space---10);
687
687
  --origam-toolbar---height-default: var(--origam-space---14);
688
688
  --origam-toolbar---height-prominent: var(--origam-space---20);
package/dist/src/components/Alert/OrigamAlert.vue CHANGED
@@ -421,10 +421,6 @@ defineExpose({
421
421
  --origam-alert---density: -8px;
422
422
  }
423
423
 
424
- &--density-default {
425
- --origam-alert---density: 0px;
426
- }
427
-
428
424
  &--density-compact {
429
425
  --origam-alert---density: 8px;
430
426
  }
package/dist/src/components/Btn/OrigamBtn.vue CHANGED
@@ -551,9 +551,6 @@ defineExpose({
551
551
  }
552
552
 
553
553
  &--size-default {
554
- --origam-btn---height: var(--origam-btn---height-md, 36px);
555
- --origam-btn---font-size: 0.875rem;
556
- --origam-btn---min-width: 64px;
557
554
  padding: 0 calc(var(--origam-btn---padding-md, 16px) + var(--origam-btn---density-padding-x, 0px));
558
555
 
559
556
  :deep(.origam-icon) {
@@ -589,7 +586,6 @@ defineExpose({
589
586
  }
590
587
 
591
588
  &--density-default {
592
- --origam-btn---density: 0px;
593
589
  --origam-btn---density-padding-x: 0px;
594
590
  }
595
591
 
package/dist/src/components/Chip/OrigamChip.vue CHANGED
@@ -637,9 +637,3 @@ defineExpose({
637
637
  }
638
638
  }
639
639
  </style>
640
-
641
- <style lang="scss" scoped>
642
- .origam-chip {
643
- --origam-chip---density: 0px;
644
- }
645
- </style>
package/dist/src/components/Kbd/OrigamKbd.vue CHANGED
@@ -172,7 +172,6 @@ defineExpose({
172
172
  &--variant-outlined,
173
173
  &--variant-outlined &__key {
174
174
  --origam-kbd---background-color: var(--origam-kbd--outlined---background-color, var(--origam-color__surface---raised, #fff));
175
- --origam-kbd---border-color: var(--origam-color__border---subtle, #d4d4d4);
176
175
  --origam-kbd---border-width: var(--origam-kbd--outlined---border-width, 1px);
177
176
  --origam-kbd---box-shadow: 0 1px 0 0 color-mix(in srgb, currentColor 12%, transparent),
178
177
  inset 0 1px 0 0 color-mix(in srgb, white 50%, transparent);
package/dist/src/components/List/OrigamList.vue CHANGED
@@ -396,10 +396,6 @@ defineExpose({
396
396
  --origam-list-group---prepend-width: var(--origam-list---slim-prepend-width, 28px);
397
397
  }
398
398
 
399
- &--density-default {
400
- --origam-list---density: 0px;
401
- }
402
-
403
399
  &--density-compact {
404
400
  --origam-list---density: -8px;
405
401
  }
package/dist/src/components/Stepper/OrigamStepper.vue CHANGED
@@ -259,13 +259,6 @@ defineExpose({
259
259
  --origam-stepper---subtitle-font-size: 0.6875rem;
260
260
  }
261
261
 
262
- &--size-default {
263
- --origam-stepper---indicator-size: 32px;
264
- --origam-stepper---indicator-font-size: 0.75rem;
265
- --origam-stepper---title-font-size: 0.875rem;
266
- --origam-stepper---subtitle-font-size: 0.75rem;
267
- }
268
-
269
262
  &--size-large {
270
263
  --origam-stepper---indicator-size: 40px;
271
264
  --origam-stepper---indicator-font-size: 0.875rem;
package/dist/src/components/Table/OrigamTable.vue CHANGED
@@ -238,13 +238,6 @@ defineExpose({
238
238
  --origam-table__cell---padding-inline: 8px;
239
239
  }
240
240
 
241
- &--density-default {
242
- --origam-table__header-cell---padding-block: 12px;
243
- --origam-table__header-cell---padding-inline: 16px;
244
- --origam-table__cell---padding-block: 12px;
245
- --origam-table__cell---padding-inline: 16px;
246
- }
247
-
248
241
  &--density-comfortable {
249
242
  --origam-table__header-cell---padding-block: 18px;
250
243
  --origam-table__header-cell---padding-inline: 24px;
package/dist/src/components/Tabs/OrigamTabs.vue CHANGED
@@ -229,27 +229,8 @@ defineExpose({
229
229
  --origam-tabs---height: 56px;
230
230
  }
231
231
 
232
- &--density-default {
233
- --origam-tabs---height: 48px;
234
- }
235
-
236
232
  &--density-compact {
237
233
  --origam-tabs---height: 36px;
238
234
  }
239
235
  }
240
236
  </style>
241
-
242
- <style>
243
- :root {
244
- --origam-tabs---height: 48px;
245
- --origam-tabs---gap: 0;
246
- --origam-tabs---padding-block: 0;
247
- --origam-tabs---padding-inline: 0;
248
- --origam-tabs---background-color: transparent;
249
- --origam-tabs---border-radius: 0;
250
- --origam-tabs---border-width: 0;
251
- --origam-tabs---border-style: solid;
252
- --origam-tabs---border-color: currentColor;
253
- --origam-tabs---color: inherit;
254
- }
255
- </style>
package/dist/src/components/Toolbar/OrigamToolbar.vue CHANGED
@@ -348,10 +348,6 @@ defineExpose({
348
348
  --origam-toolbar---height: var(--origam-toolbar---height-compact);
349
349
  }
350
350
 
351
- &--density-default {
352
- --origam-toolbar---height: var(--origam-toolbar---height-default);
353
- }
354
-
355
351
  &--flat {
356
352
  --origam-toolbar---box-shadow: var(--origam-toolbar__flat---box-shadow, none);
357
353
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "origam",
3
- "version": "2.18.6",
3
+ "version": "2.18.7",
4
4
  "type": "module",
5
5
  "description": "origam — a Vue 3 design system with multi-theme design tokens, CSS-first components and TypeScript types.",
6
6
  "keywords": [