@lmvz-ds/styles 0.38.0 → 0.40.0

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/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @lmvz-ds/styles
2
2
 
3
+ ## 0.40.0
4
+
5
+ ## 0.39.0
6
+
7
+ ### Patch Changes
8
+
9
+ - 75fba8a: Layout 'lmvz-layout-simple-bottom-footer' hinzugefügt
10
+
3
11
  ## 0.38.0
4
12
 
5
13
  ## 0.37.0
@@ -1 +1 @@
1
- @layer lmvz-ds.reset, lmvz-ds.theme, lmvz-ds.components, lmvz-ds.overrides;@layer lmvz-ds.reset{body,h1,h2,h3,h4,h5,h6{margin:0}[hidden]{display:none!important}hr{height:0;margin:var(--lmvz-dimension-8-4) 0;border:none;border-top:var(--lmvz-semantic-border-width-default) solid var(--lmvz-semantic-color-border-subtle)}fieldset{border:none;margin:0;padding:0}legend{padding:0;display:block}}@layer lmvz-ds.theme;@layer lmvz-ds.components{button{--lmvz-button-background:var(--lmvz-button-background-override,var(--lmvz-semantic-color-int-secondary));--lmvz-button-color:var(--lmvz-button-color-override,var(--lmvz-semantic-color-int-on-secondary));--lmvz-button-radius:var(--lmvz-button-radius-override,var(--lmvz-component-input-radius-default));--lmvz-button-padding-inline:var(--lmvz-button-padding-inline-override,var(--lmvz-button-padding,var(--lmvz-component-input-padding-md)));--lmvz-button-padding-block:var(--lmvz-button-padding-block-override,var(--lmvz-button-padding,var(--lmvz-component-input-padding-md)));--lmvz-button-gap:var(--lmvz-button-gap-override,var(--lmvz-component-input-gap-md));--lmvz-button-min-height:var(--lmvz-button-min-height-override,var(--lmvz-component-input-size-md));--lmvz-button-font:var(--lmvz-button-font-override,var(--lmvz-typography-label-md-strong));--lmvz-button-border-width:var(--lmvz-button-border-width-override,0);--lmvz-button-border-color:var(--lmvz-button-border-color-override,transparent);align-items:center;justify-content:var(--lmvz-button-content-justification-override,center);gap:var(--lmvz-button-gap);padding-block:var(--lmvz-button-padding-block);padding-inline:var(--lmvz-button-padding-inline);min-height:var(--lmvz-button-min-height);min-width:var(--lmvz-button-min-height);border-radius:var(--lmvz-button-radius);border:var(--lmvz-button-border-width) solid var(--lmvz-button-border-color);background-color:var(--lmvz-button-background);color:var(--lmvz-button-color);cursor:pointer;font:var(--lmvz-button-font);white-space:nowrap;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s;display:inline-flex}button>*{font:inherit;color:inherit}button:focus-visible{outline:var(--lmvz-ds-outline);outline-offset:var(--lmvz-ds-outline-offset);z-index:1;position:relative}button:is([disabled],.disabled){cursor:not-allowed;pointer-events:none;opacity:var(--lmvz-component-input-disabled-opacity)}button:not([disabled]):hover{--lmvz-button-background:var(--lmvz-button-background-override,var(--lmvz-semantic-color-int-secondary-hover))}button:not([disabled]):active{--lmvz-button-background:var(--lmvz-button-background-override,var(--lmvz-semantic-color-int-secondary-active))}button.primary{--lmvz-button-background:var(--lmvz-button-background-override,var(--lmvz-semantic-color-int-primary));--lmvz-button-color:var(--lmvz-button-color-override,var(--lmvz-semantic-color-int-on-primary));--lmvz-button-border-width:var(--lmvz-button-border-width-override,0);--lmvz-button-border-color:var(--lmvz-button-border-color-override,transparent)}button.primary:not([disabled],.disabled):hover{--lmvz-button-background:var(--lmvz-button-background-override,var(--lmvz-semantic-color-int-primary-hover))}button.primary:not([disabled],.disabled):active{--lmvz-button-background:var(--lmvz-button-background-override,var(--lmvz-semantic-color-int-primary-active))}button.danger{--lmvz-button-background:var(--lmvz-button-background-override,var(--lmvz-semantic-color-int-tertiary));--lmvz-button-border-color:var(--lmvz-button-border-color-override,transparent);--lmvz-button-color:var(--lmvz-button-color-override,var(--lmvz-semantic-color-status-on-danger))}button.danger:not([disabled],.disabled):hover{--lmvz-button-background:var(--lmvz-button-background-override,var(--lmvz-semantic-color-status-danger));--lmvz-button-color:var(--lmvz-button-color-override,var(--lmvz-semantic-color-status-on-danger))}button.danger:not([disabled],.disabled):active{--lmvz-button-background:var(--lmvz-button-background-override,var(--lmvz-semantic-color-status-on-danger-subtle));--lmvz-button-color:var(--lmvz-button-color-override,var(--lmvz-semantic-color-status-on-danger))}button.tertiary{--lmvz-button-background:var(--lmvz-button-background-override,var(--lmvz-semantic-color-int-tertiary));--lmvz-button-color:var(--lmvz-button-color-override,var(--lmvz-semantic-color-int-on-tertiary))}button.tertiary:not([disabled],.disabled):hover{--lmvz-button-background:var(--lmvz-button-background-override,var(--lmvz-semantic-color-int-tertiary-hover));--lmvz-button-color:var(--lmvz-button-color-override,var(--lmvz-semantic-color-int-on-tertiary-hover))}button.tertiary:not([disabled],.disabled):active{--lmvz-button-background:var(--lmvz-button-background-override,var(--lmvz-semantic-color-int-tertiary-active));--lmvz-button-color:var(--lmvz-button-color-override,var(--lmvz-semantic-color-int-on-tertiary-active))}button.small{--lmvz-button-padding-inline:var(--lmvz-button-padding-inline-override,var(--lmvz-component-input-padding-sm));--lmvz-button-padding-block:var(--lmvz-button-padding-block-override,var(--lmvz-component-input-padding-sm));--lmvz-button-gap:var(--lmvz-button-gap-override,var(--lmvz-component-input-gap-sm));--lmvz-button-min-height:var(--lmvz-button-min-height-override,var(--lmvz-component-input-size-sm));--lmvz-button-font:var(--lmvz-button-font-override,var(--lmvz-typography-label-sm-strong))}button.large{--lmvz-button-padding-inline:var(--lmvz-button-padding-inline-override,var(--lmvz-component-input-padding-lg));--lmvz-button-padding-block:var(--lmvz-button-padding-block-override,var(--lmvz-component-input-padding-lg));--lmvz-button-gap:var(--lmvz-button-gap-override,var(--lmvz-component-input-gap-lg));--lmvz-button-min-height:var(--lmvz-button-min-height-override,var(--lmvz-component-input-size-lg));--lmvz-button-font:var(--lmvz-button-font-override,var(--lmvz-typography-label-lg-strong))}}@layer lmvz-ds.overrides;
1
+ @layer lmvz-ds.reset, lmvz-ds.theme, lmvz-ds.components, lmvz-ds.overrides;@import "~@lmvz-ds/lib-styles/fragments/_buttonlike-container.css";@layer lmvz-ds.reset{body,h1,h2,h3,h4,h5,h6{margin:0}[hidden]{display:none!important}hr{height:0;margin:var(--lmvz-dimension-8-4) 0;border:none;border-top:var(--lmvz-semantic-border-width-default) solid var(--lmvz-semantic-color-border-subtle)}fieldset{border:none;margin:0;padding:0}legend{padding:0;display:block}}@layer lmvz-ds.theme;@layer lmvz-ds.components{:scope>*{font:inherit;color:inherit}:scope:focus-visible{outline:var(--lmvz-ds-outline);outline-offset:var(--lmvz-ds-outline-offset);z-index:1;position:relative}:scope:is([disabled],.disabled){cursor:not-allowed;pointer-events:none;opacity:var(--lmvz-component-input-disabled-opacity)}:scope:not([disabled]):hover{--lmvz-button-background:var(--lmvz-button-background-override,var(--lmvz-semantic-color-int-secondary-hover))}:scope:not([disabled]):active{--lmvz-button-background:var(--lmvz-button-background-override,var(--lmvz-semantic-color-int-secondary-active))}:scope.primary{--lmvz-button-background:var(--lmvz-button-background-override,var(--lmvz-semantic-color-int-primary));--lmvz-button-color:var(--lmvz-button-color-override,var(--lmvz-semantic-color-int-on-primary));--lmvz-button-border-width:var(--lmvz-button-border-width-override,0);--lmvz-button-border-color:var(--lmvz-button-border-color-override,transparent)}:scope.primary:not([disabled],.disabled):hover{--lmvz-button-background:var(--lmvz-button-background-override,var(--lmvz-semantic-color-int-primary-hover))}:scope.primary:not([disabled],.disabled):active{--lmvz-button-background:var(--lmvz-button-background-override,var(--lmvz-semantic-color-int-primary-active))}:scope.danger{--lmvz-button-background:var(--lmvz-button-background-override,var(--lmvz-semantic-color-int-tertiary));--lmvz-button-border-color:var(--lmvz-button-border-color-override,transparent);--lmvz-button-color:var(--lmvz-button-color-override,var(--lmvz-semantic-color-status-on-danger))}:scope.danger:not([disabled],.disabled):hover{--lmvz-button-background:var(--lmvz-button-background-override,var(--lmvz-semantic-color-status-danger));--lmvz-button-color:var(--lmvz-button-color-override,var(--lmvz-semantic-color-status-on-danger))}:scope.danger:not([disabled],.disabled):active{--lmvz-button-background:var(--lmvz-button-background-override,var(--lmvz-semantic-color-status-on-danger-subtle));--lmvz-button-color:var(--lmvz-button-color-override,var(--lmvz-semantic-color-status-on-danger))}:scope.tertiary{--lmvz-button-background:var(--lmvz-button-background-override,var(--lmvz-semantic-color-int-tertiary));--lmvz-button-color:var(--lmvz-button-color-override,var(--lmvz-semantic-color-int-on-tertiary))}:scope.tertiary:not([disabled],.disabled):hover{--lmvz-button-background:var(--lmvz-button-background-override,var(--lmvz-semantic-color-int-tertiary-hover));--lmvz-button-color:var(--lmvz-button-color-override,var(--lmvz-semantic-color-int-on-tertiary-hover))}:scope.tertiary:not([disabled],.disabled):active{--lmvz-button-background:var(--lmvz-button-background-override,var(--lmvz-semantic-color-int-tertiary-active));--lmvz-button-color:var(--lmvz-button-color-override,var(--lmvz-semantic-color-int-on-tertiary-active))}:scope.small{--lmvz-button-padding-inline:var(--lmvz-button-padding-inline-override,var(--lmvz-component-input-padding-sm));--lmvz-button-padding-block:var(--lmvz-button-padding-block-override,var(--lmvz-component-input-padding-sm));--lmvz-button-gap:var(--lmvz-button-gap-override,var(--lmvz-component-input-gap-sm));--lmvz-button-min-height:var(--lmvz-button-min-height-override,var(--lmvz-component-input-size-sm));--lmvz-button-font:var(--lmvz-button-font-override,var(--lmvz-typography-label-sm-strong))}:scope.large{--lmvz-button-padding-inline:var(--lmvz-button-padding-inline-override,var(--lmvz-component-input-padding-lg));--lmvz-button-padding-block:var(--lmvz-button-padding-block-override,var(--lmvz-component-input-padding-lg));--lmvz-button-gap:var(--lmvz-button-gap-override,var(--lmvz-component-input-gap-lg));--lmvz-button-min-height:var(--lmvz-button-min-height-override,var(--lmvz-component-input-size-lg));--lmvz-button-font:var(--lmvz-button-font-override,var(--lmvz-typography-label-lg-strong))}}@layer lmvz-ds.overrides;
@@ -1 +1 @@
1
- @layer lmvz-ds.reset, lmvz-ds.theme, lmvz-ds.components, lmvz-ds.overrides;@layer lmvz-ds.reset{body,h1,h2,h3,h4,h5,h6{margin:0}[hidden]{display:none!important}hr{height:0;margin:var(--lmvz-dimension-8-4) 0;border:none;border-top:var(--lmvz-semantic-border-width-default) solid var(--lmvz-semantic-color-border-subtle)}fieldset{border:none;margin:0;padding:0}legend{padding:0;display:block}}@layer lmvz-ds.theme{:root,:host{--lmvz-ds-shadow-l1-default:0 var(--lmvz-semantic-shadow-l1-1-position-y) var(--lmvz-semantic-shadow-l1-1-blur) 0 var(--lmvz-semantic-color-shadow-l1-default);--lmvz-ds-shadow-l1-default-strong:0 var(--lmvz-semantic-shadow-l1-1-position-y) var(--lmvz-semantic-shadow-l1-1-blur) 0 var(--lmvz-semantic-color-shadow-l1-default-strong);--lmvz-ds-shadow-l1-color:0 var(--lmvz-semantic-shadow-l1-1-position-y) var(--lmvz-semantic-shadow-l1-1-blur) 0 var(--lmvz-semantic-color-shadow-l1-colored);--lmvz-ds-shadow-l1-color-strong:0 var(--lmvz-semantic-shadow-l1-1-position-y) var(--lmvz-semantic-shadow-l1-1-blur) 0 var(--lmvz-semantic-color-shadow-l1-colored-strong);--lmvz-ds-shadow-l2-default:0 var(--lmvz-semantic-shadow-l2-1-position-y) var(--lmvz-semantic-shadow-l2-1-blur) 0 var(--lmvz-semantic-color-shadow-l2-default);--lmvz-ds-shadow-l2-default-strong:0 var(--lmvz-semantic-shadow-l2-1-position-y) var(--lmvz-semantic-shadow-l2-1-blur) 0 var(--lmvz-semantic-color-shadow-l2-default-strong);--lmvz-ds-shadow-l2-color:0 var(--lmvz-semantic-shadow-l2-1-position-y) var(--lmvz-semantic-shadow-l2-1-blur) 0 var(--lmvz-semantic-color-shadow-l2-colored);--lmvz-ds-shadow-l2-color-strong:0 var(--lmvz-semantic-shadow-l2-1-position-y) var(--lmvz-semantic-shadow-l2-1-blur) 0 var(--lmvz-semantic-color-shadow-l2-colored-strong);--lmvz-ds-shadow-l3-default:0 var(--lmvz-semantic-shadow-l3-1-position-y) var(--lmvz-semantic-shadow-l3-1-blur) 0 var(--lmvz-semantic-color-shadow-l3-default);--lmvz-ds-shadow-l3-default-strong:0 var(--lmvz-semantic-shadow-l3-1-position-y) var(--lmvz-semantic-shadow-l3-1-blur) 0 var(--lmvz-semantic-color-shadow-l3-default-strong);--lmvz-ds-shadow-l3-color:0 var(--lmvz-semantic-shadow-l3-1-position-y) var(--lmvz-semantic-shadow-l3-1-blur) 0 var(--lmvz-semantic-color-shadow-l3-colored);--lmvz-ds-shadow-l3-color-strong:0 var(--lmvz-semantic-shadow-l3-1-position-y) var(--lmvz-semantic-shadow-l3-1-blur) 0 var(--lmvz-semantic-color-shadow-l3-colored-strong)}}@layer lmvz-ds.components{.lmvz-wrapper-card-sm,.lmvz-wrapper-card-md,.lmvz-wrapper-card-lg{background:var(--lmvz-semantic-color-surface-primary);box-shadow:var(--lmvz-ds-shadow-l3-default-strong)}.lmvz-wrapper-card-sm{padding:var(--lmvz-component-wrapper-sm-padding-y) var(--lmvz-component-wrapper-sm-padding-x);border-radius:var(--lmvz-component-wrapper-sm-border-radius)}.lmvz-wrapper-card-md{padding:var(--lmvz-component-wrapper-md-padding-y) var(--lmvz-component-wrapper-md-padding-x);border-radius:var(--lmvz-component-wrapper-md-border-radius)}.lmvz-wrapper-card-lg{padding:var(--lmvz-component-wrapper-lg-padding-y) var(--lmvz-component-wrapper-lg-padding-x);border-radius:var(--lmvz-component-wrapper-lg-border-radius)}footer{padding:var(--lmvz-dimension-11-8) 0;background:var(--lmvz-semantic-color-surface-secondary);flex-direction:row;justify-content:center;align-self:stretch;align-items:center;gap:1.75rem;display:flex}footer>*{font:var(--lmvz-typography-body-sm)}fieldset[role=radiogroup],.lmvz-choice-group{align-items:flex-start;gap:var(--lmvz-component-input-gap-md);padding-bottom:var(--lmvz-component-input-wrapper-padding-md-bottom);flex-direction:column;display:flex}:is(fieldset[role=radiogroup],.lmvz-choice-group) legend,:is(fieldset[role=radiogroup],.lmvz-choice-group) .lmvz-choice-group-label{padding-top:var(--lmvz-dimension-20-16);padding-bottom:var(--lmvz-dimension-6-4);font:var(--lmvz-typography-body-lg-strong)}form{padding:var(--lmvz-component-wrapper-lg-padding-y) 0;align-items:flex-start;gap:var(--lmvz-component-input-gap-md);flex-direction:column;display:flex}}@layer lmvz-ds.overrides;
1
+ @layer lmvz-ds.reset, lmvz-ds.theme, lmvz-ds.components, lmvz-ds.overrides;@layer lmvz-ds.reset{body,h1,h2,h3,h4,h5,h6{margin:0}[hidden]{display:none!important}hr{height:0;margin:var(--lmvz-dimension-8-4) 0;border:none;border-top:var(--lmvz-semantic-border-width-default) solid var(--lmvz-semantic-color-border-subtle)}fieldset{border:none;margin:0;padding:0}legend{padding:0;display:block}}@layer lmvz-ds.theme{:root,:host{--lmvz-ds-shadow-l1-default:0 var(--lmvz-semantic-shadow-l1-1-position-y) var(--lmvz-semantic-shadow-l1-1-blur) 0 var(--lmvz-semantic-color-shadow-l1-default);--lmvz-ds-shadow-l1-default-strong:0 var(--lmvz-semantic-shadow-l1-1-position-y) var(--lmvz-semantic-shadow-l1-1-blur) 0 var(--lmvz-semantic-color-shadow-l1-default-strong);--lmvz-ds-shadow-l1-color:0 var(--lmvz-semantic-shadow-l1-1-position-y) var(--lmvz-semantic-shadow-l1-1-blur) 0 var(--lmvz-semantic-color-shadow-l1-colored);--lmvz-ds-shadow-l1-color-strong:0 var(--lmvz-semantic-shadow-l1-1-position-y) var(--lmvz-semantic-shadow-l1-1-blur) 0 var(--lmvz-semantic-color-shadow-l1-colored-strong);--lmvz-ds-shadow-l2-default:0 var(--lmvz-semantic-shadow-l2-1-position-y) var(--lmvz-semantic-shadow-l2-1-blur) 0 var(--lmvz-semantic-color-shadow-l2-default);--lmvz-ds-shadow-l2-default-strong:0 var(--lmvz-semantic-shadow-l2-1-position-y) var(--lmvz-semantic-shadow-l2-1-blur) 0 var(--lmvz-semantic-color-shadow-l2-default-strong);--lmvz-ds-shadow-l2-color:0 var(--lmvz-semantic-shadow-l2-1-position-y) var(--lmvz-semantic-shadow-l2-1-blur) 0 var(--lmvz-semantic-color-shadow-l2-colored);--lmvz-ds-shadow-l2-color-strong:0 var(--lmvz-semantic-shadow-l2-1-position-y) var(--lmvz-semantic-shadow-l2-1-blur) 0 var(--lmvz-semantic-color-shadow-l2-colored-strong);--lmvz-ds-shadow-l3-default:0 var(--lmvz-semantic-shadow-l3-1-position-y) var(--lmvz-semantic-shadow-l3-1-blur) 0 var(--lmvz-semantic-color-shadow-l3-default);--lmvz-ds-shadow-l3-default-strong:0 var(--lmvz-semantic-shadow-l3-1-position-y) var(--lmvz-semantic-shadow-l3-1-blur) 0 var(--lmvz-semantic-color-shadow-l3-default-strong);--lmvz-ds-shadow-l3-color:0 var(--lmvz-semantic-shadow-l3-1-position-y) var(--lmvz-semantic-shadow-l3-1-blur) 0 var(--lmvz-semantic-color-shadow-l3-colored);--lmvz-ds-shadow-l3-color-strong:0 var(--lmvz-semantic-shadow-l3-1-position-y) var(--lmvz-semantic-shadow-l3-1-blur) 0 var(--lmvz-semantic-color-shadow-l3-colored-strong)}}@layer lmvz-ds.components{.lmvz-wrapper-card-sm,.lmvz-wrapper-card-md,.lmvz-wrapper-card-lg{background:var(--lmvz-semantic-color-surface-primary);box-shadow:var(--lmvz-ds-shadow-l3-default-strong)}.lmvz-wrapper-card-sm{padding:var(--lmvz-component-wrapper-sm-padding-y) var(--lmvz-component-wrapper-sm-padding-x);border-radius:var(--lmvz-component-wrapper-sm-border-radius)}.lmvz-wrapper-card-md{padding:var(--lmvz-component-wrapper-md-padding-y) var(--lmvz-component-wrapper-md-padding-x);border-radius:var(--lmvz-component-wrapper-md-border-radius)}.lmvz-wrapper-card-lg{padding:var(--lmvz-component-wrapper-lg-padding-y) var(--lmvz-component-wrapper-lg-padding-x);border-radius:var(--lmvz-component-wrapper-lg-border-radius)}footer{padding:var(--lmvz-dimension-11-8) 0;background:var(--lmvz-semantic-color-surface-secondary);flex-direction:row;justify-content:center;align-self:stretch;align-items:center;gap:1.75rem;display:flex}footer>*{font:var(--lmvz-typography-body-sm)}body.lmvz-layout-simple-bottom-footer{flex-direction:column;min-height:100vh;display:flex}body.lmvz-layout-simple-bottom-footer footer{margin-top:auto}fieldset[role=radiogroup],.lmvz-choice-group{align-items:flex-start;gap:var(--lmvz-component-input-gap-md);padding-bottom:var(--lmvz-component-input-wrapper-padding-md-bottom);flex-direction:column;display:flex}:is(fieldset[role=radiogroup],.lmvz-choice-group) legend,:is(fieldset[role=radiogroup],.lmvz-choice-group) .lmvz-choice-group-label{padding-top:var(--lmvz-dimension-20-16);padding-bottom:var(--lmvz-dimension-6-4);font:var(--lmvz-typography-body-lg-strong)}form{padding:var(--lmvz-component-wrapper-lg-padding-y) 0;align-items:flex-start;gap:var(--lmvz-component-input-gap-md);flex-direction:column;display:flex}}@layer lmvz-ds.overrides;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@lmvz-ds/styles",
3
3
  "private": false,
4
- "version": "0.38.0",
4
+ "version": "0.40.0",
5
5
  "description": "The styles of the design system",
6
6
  "author": "Patrick Nemenz <patrick.nemenz@adesso.at>",
7
7
  "volta": {
@@ -37,7 +37,7 @@
37
37
  "stylelint-config-standard": "^40.0.0",
38
38
  "stylelint-value-no-unknown-custom-properties": "6.1.1",
39
39
  "vite": "^8.0.16",
40
- "@lmvz-ds/design-tokens": "~0.38.0",
40
+ "@lmvz-ds/design-tokens": "~0.40.0",
41
41
  "@lmvz-ds/lib-styles": "~0.16.0"
42
42
  },
43
43
  "gitHead": "aaec2215b0239d6fa4a5876af444e0b7abba2c7d",