@lmvz-ds/styles 0.22.1 → 0.24.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 +20 -0
- package/README.md +2 -0
- package/dist/bundles/buttons.css +1 -1
- package/dist/bundles/layout.css +1 -1
- package/dist/bundles/reset.css +1 -0
- package/dist/bundles/router-font-inline.css +1 -1
- package/dist/bundles/typography.css +1 -1
- package/dist/router-font.css +12 -8
- package/package.json +5 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,25 @@
|
|
|
1
1
|
# @lmvz-ds/styles
|
|
2
2
|
|
|
3
|
+
## 0.24.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 406146c: Router Font wird nun korrekt ausgewählt (basierend auf font-weight)
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- f0e55ec: Klasse body-sm-strong zu Typography-Bundle hinzugefügt
|
|
12
|
+
|
|
13
|
+
## 0.23.0
|
|
14
|
+
|
|
15
|
+
### Minor Changes
|
|
16
|
+
|
|
17
|
+
- 55e884f: Reset Bundle hinzugefügt
|
|
18
|
+
|
|
19
|
+
### Patch Changes
|
|
20
|
+
|
|
21
|
+
- 1f53b89: Buildprozess für @custom-media erweitert
|
|
22
|
+
|
|
3
23
|
## 0.22.1
|
|
4
24
|
|
|
5
25
|
## 0.22.0
|
package/README.md
CHANGED
|
@@ -79,6 +79,7 @@ Then switch with an HTML attribute on the root element:
|
|
|
79
79
|
|
|
80
80
|
Import bundles only when you need global styling for native HTML elements:
|
|
81
81
|
|
|
82
|
+
- @lmvz-ds/styles/bundles/reset.css — Browser reset and defensive base rules only (for advanced use cases).
|
|
82
83
|
- @lmvz-ds/styles/bundles/typography.css
|
|
83
84
|
- @lmvz-ds/styles/bundles/buttons.css
|
|
84
85
|
- @lmvz-ds/styles/bundles/layout.css
|
|
@@ -102,6 +103,7 @@ Themes:
|
|
|
102
103
|
|
|
103
104
|
Bundles:
|
|
104
105
|
|
|
106
|
+
- @lmvz-ds/styles/bundles/reset.css
|
|
105
107
|
- @lmvz-ds/styles/bundles/typography.css
|
|
106
108
|
- @lmvz-ds/styles/bundles/buttons.css
|
|
107
109
|
- @lmvz-ds/styles/bundles/layout.css
|
package/dist/bundles/buttons.css
CHANGED
|
@@ -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}}@layer lmvz-ds.theme;@layer lmvz-ds.components{button{--lmvz-button-color:var(--lmvz-component-color,var(--lmvz-semantic-color-int-on-
|
|
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}}@layer lmvz-ds.theme;@layer lmvz-ds.components{button{--lmvz-button-color:var(--lmvz-component-color,var(--lmvz-semantic-color-int-on-secondary));--lmvz-button-padding-inline:var(--lmvz-button-padding,var(--lmvz-component-input-padding-md));--lmvz-button-padding-block:var(--lmvz-button-padding,var(--lmvz-component-input-padding-md));--lmvz-button-gap:var(--lmvz-component-input-gap-md);--lmvz-button-min-height:var(--lmvz-component-input-size-md);--lmvz-button-font:var(--lmvz-typography-body-md-strong);--lmvz-button-radius:var(--lmvz-component-input-radius-default);--lmvz-button-border-width:0;--lmvz-button-border-color:transparent;--lmvz-button-background:var(--lmvz-semantic-color-int-secondary);justify-content:center;align-items: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);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);text-align:center;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:2px solid var(--lmvz-semantic-color-border-active);outline-offset:2px}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-semantic-color-int-secondary-hover)}button:not([disabled]):active{--lmvz-button-background:var(--lmvz-semantic-color-int-secondary-active)}button.primary{--lmvz-button-background:var(--lmvz-semantic-color-int-primary);--lmvz-button-color:var(--lmvz-semantic-color-int-on-primary);--lmvz-button-border-width:0;--lmvz-button-border-color:transparent}button.primary:not([disabled],.disabled):hover{--lmvz-button-background:var(--lmvz-semantic-color-int-primary-hover)}button.primary:not([disabled],.disabled):active{--lmvz-button-background:var(--lmvz-semantic-color-int-primary-active)}button.secondary{--lmvz-button-background:var(--lmvz-semantic-color-int-secondary);--lmvz-button-color:var(--lmvz-semantic-color-int-on-secondary);--lmvz-button-border-width:0;--lmvz-button-border-color:transparent}button.secondary:not([disabled],.disabled):hover{--lmvz-button-background:var(--lmvz-semantic-color-int-secondary-hover);--lmvz-button-color:var(--lmvz-semantic-color-int-on-secondary-hover)}button.secondary:not([disabled],.disabled):active{--lmvz-button-background:var(--lmvz-semantic-color-int-secondary-active);--lmvz-button-color:var(--lmvz-semantic-color-int-on-secondary-active)}button.tertiary{--lmvz-button-background:var(--lmvz-semantic-color-int-tertiary);--lmvz-button-color:var(--lmvz-semantic-color-int-on-tertiary)}button.tertiary:not([disabled],.disabled):hover{--lmvz-button-background:var(--lmvz-semantic-color-int-tertiary-hover);--lmvz-button-color:var(--lmvz-semantic-color-int-on-tertiary-hover)}button.tertiary:not([disabled],.disabled):active{--lmvz-button-background:var(--lmvz-semantic-color-int-tertiary-active);--lmvz-button-color:var(--lmvz-semantic-color-int-on-tertiary-active)}button.small{--lmvz-button-padding-inline:var(--lmvz-component-input-padding-sm);--lmvz-button-padding-block:var(--lmvz-component-input-padding-sm);--lmvz-button-gap:var(--lmvz-component-input-gap-sm);--lmvz-button-min-height:var(--lmvz-component-input-size-sm);--lmvz-button-font:var(--lmvz-typography-body-sm-strong)}button.large{--lmvz-button-padding-inline:var(--lmvz-component-input-padding-lg);--lmvz-button-padding-block:var(--lmvz-component-input-padding-lg);--lmvz-button-gap:var(--lmvz-component-input-gap-lg);--lmvz-button-min-height:var(--lmvz-component-input-size-lg);--lmvz-button-font:var(--lmvz-typography-body-lg-strong)}}@layer lmvz-ds.overrides;
|
package/dist/bundles/layout.css
CHANGED
|
@@ -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}}@layer lmvz-ds.theme;@layer lmvz-ds.components{footer{padding:var(--lmvz-dimension-8-11) 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)}}@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}}@layer lmvz-ds.theme;@layer lmvz-ds.components{footer{padding:var(--lmvz-dimension-8-11) 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)}}@layer lmvz-ds.overrides;
|
|
@@ -0,0 +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}}@layer lmvz-ds.theme,lmvz-ds.components,lmvz-ds.overrides;
|