@postenbring/hedwig-css 0.0.53 → 0.0.55
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/dist/checkbox.css +1 -1
- package/dist/checkbox.css.map +1 -1
- package/dist/classnames.d.ts +6 -0
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/list.css +1 -1
- package/dist/list.css.map +1 -1
- package/dist/message.css.map +1 -1
- package/dist/navbar.css +1 -1
- package/dist/navbar.css.map +1 -1
- package/dist/radiobutton.css +1 -1
- package/dist/radiobutton.css.map +1 -1
- package/dist/scoped.css +1 -1
- package/dist/skeleton.css +1 -1
- package/dist/skeleton.css.map +1 -1
- package/dist/styled-html.css +1 -1
- package/dist/styled-html.css.map +1 -1
- package/dist/warning-banner.css.map +1 -1
- package/package.json +2 -2
package/dist/checkbox.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.hds-checkbox{--checkmark-width:16px;--checkmark-margin:var(--hds-spacing-4);padding:0 0 0 calc(var(--checkmark-width) + (var(--checkmark-margin)*2) + var(--hds-spacing-12));border-radius:var(--hds-border-radius);font:var(--hds-typography-body-small);cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative}.hds-checkbox *{cursor:pointer}.hds-checkbox .hds-checkbox__title{font-weight:var(--hds-font-weight-body-title);padding-bottom:var(--hds-spacing-12)}.hds-checkbox label:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0}.hds-checkbox input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.hds-checkbox .hds-checkbox__checkmark{margin:var(--checkmark-margin);height:var(--checkmark-width);width:var(--checkmark-width);border:solid 2px var(--hds-colors-darker);position:absolute;left:0}.hds-checkbox input[type=checkbox]:checked~.hds-checkbox__checkmark:after{display:block}.hds-checkbox .hds-checkbox__checkmark:after{content:"";border:solid var(--hds-colors-dark);border-width:0 2px 2px 0;width:4px;height:8px;display:none;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.hds-checkbox.hds-checkbox--bounding-box{background-color:var(--hds-colors-lighter);padding:var(--hds-spacing-16)var(--hds-spacing-32)var(--hds-spacing-16)calc(var(--hds-spacing-16) + var(--checkmark-width) + (var(--checkmark-margin)*2) + var(--hds-spacing-12))}.hds-checkbox.hds-checkbox--bounding-box .hds-checkbox__checkmark{left:var(--hds-spacing-16)}.hds-checkbox.hds-checkbox--bounding-box.hds-checkbox--error{border:solid
|
|
1
|
+
.hds-checkbox{--checkmark-width:16px;--checkmark-margin:var(--hds-spacing-4);padding:0 0 0 calc(var(--checkmark-width) + (var(--checkmark-margin)*2) + var(--hds-spacing-12));border-radius:var(--hds-border-radius);font:var(--hds-typography-body-small);cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative}.hds-checkbox *{cursor:pointer}.hds-checkbox .hds-checkbox__title{font-weight:var(--hds-font-weight-body-title);padding-bottom:var(--hds-spacing-12)}.hds-checkbox label:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0}.hds-checkbox input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.hds-checkbox .hds-checkbox__checkmark{margin:var(--checkmark-margin);height:var(--checkmark-width);width:var(--checkmark-width);border:solid 2px var(--hds-colors-darker);position:absolute;left:0}.hds-checkbox input[type=checkbox]:checked~.hds-checkbox__checkmark:after{display:block}.hds-checkbox .hds-checkbox__checkmark:after{content:"";border:solid var(--hds-colors-dark);border-width:0 2px 2px 0;width:4px;height:8px;display:none;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.hds-checkbox.hds-checkbox--bounding-box{background-color:var(--hds-colors-lighter);padding:calc(var(--hds-spacing-16) - 1px)var(--hds-spacing-32)calc(var(--hds-spacing-16) - 1px)calc(var(--hds-spacing-16) + var(--checkmark-width) + (var(--checkmark-margin)*2) + var(--hds-spacing-12));border:solid var(--hds-stroke-default)var(--hds-colors-lighter)}.hds-checkbox.hds-checkbox--bounding-box .hds-checkbox__checkmark{left:var(--hds-spacing-16)}.hds-checkbox.hds-checkbox--bounding-box.hds-checkbox--error{border:solid var(--hds-stroke-default)var(--hds-ui-colors-warning-yellow)}.hds-checkbox.hds-checkbox--error .hds-checkbox__checkmark{border-color:var(--hds-ui-colors-warning-yellow)}.hds-checkbox.hds-checkbox--error .hds-checkbox__checkmark:after{border-color:var(--hds-ui-colors-warning-yellow)}.hds-checkbox input[type=checkbox]:disabled~.hds-checkbox__checkmark{border-color:var(--hds-ui-colors-grey);cursor:default}.hds-checkbox input[type=checkbox]:disabled~.hds-checkbox__checkmark:after{border-color:var(--hds-ui-colors-grey);cursor:default}.hds-checkbox.hds-checkbox:has(input:disabled){cursor:default;color:var(--hds-ui-colors-dark-grey)}.hds-checkbox.hds-checkbox:has(input:disabled).hds-checkbox--bounding-box{background-color:var(--hds-ui-colors-light-grey-fill)}.hds-checkbox:focus-within{outline:2px solid var(--hds-colors-dark);outline-offset:2px}
|
package/dist/checkbox.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":null,"mappings":"AAAA,yWAiBE,+BAIA,sHAKA,2FAYA,gFAUA,oMASA,wFAIA,kNAgBA,
|
|
1
|
+
{"version":3,"sourceRoot":null,"mappings":"AAAA,yWAiBE,+BAIA,sHAKA,2FAYA,gFAUA,oMASA,wFAIA,kNAgBA,8VAUE,6FAIA,uIAMA,4GAAA,kHAUA,2HAAA,iIAOF,mGAIE,gIAMF","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/form/checkbox/checkbox.css"],"sourcesContent":[".hds-checkbox {\n --checkmark-width: 16px;\n --checkmark-margin: var(--hds-spacing-4);\n\n display: block;\n padding: 0 0 0\n calc(var(--checkmark-width) + (var(--checkmark-margin) * 2) + var(--hds-spacing-12));\n border-radius: var(--hds-border-radius);\n font: var(--hds-typography-body-small);\n position: relative;\n cursor: pointer;\n\n /**\n * To avoid unexpected behavior of focus when clicking the checkbox text\n */\n user-select: none;\n\n * {\n cursor: pointer;\n }\n\n .hds-checkbox__title {\n font-weight: var(--hds-font-weight-body-title);\n padding-bottom: var(--hds-spacing-12);\n }\n\n label::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n }\n\n /**\n * Hide the browser default checkbox\n */\n input[type=\"checkbox\"] {\n position: absolute;\n opacity: 0;\n height: 0;\n width: 0;\n }\n\n /**\n * Create a custom checkbox\n */\n .hds-checkbox__checkmark {\n margin: var(--checkmark-margin);\n position: absolute;\n left: 0;\n height: var(--checkmark-width);\n width: var(--checkmark-width);\n border: solid 2px var(--hds-colors-darker);\n }\n\n input[type=\"checkbox\"]:checked ~ .hds-checkbox__checkmark::after {\n display: block;\n }\n\n .hds-checkbox__checkmark::after {\n content: \"\";\n position: absolute;\n display: none;\n left: 4px;\n top: 1px;\n width: 4px;\n height: 8px;\n border: solid var(--hds-colors-dark);\n border-width: 0 2px 2px 0;\n transform: rotate(45deg);\n }\n\n /**\n * Variant bounding-box and state error\n */\n &.hds-checkbox--bounding-box {\n background-color: var(--hds-colors-lighter);\n padding: calc(var(--hds-spacing-16) - 1px) var(--hds-spacing-32)\n calc(var(--hds-spacing-16) - 1px)\n calc(\n var(--hds-spacing-16) + var(--checkmark-width) + (var(--checkmark-margin) * 2) +\n var(--hds-spacing-12)\n );\n border: solid var(--hds-stroke-default) var(--hds-colors-lighter);\n\n .hds-checkbox__checkmark {\n left: var(--hds-spacing-16);\n }\n\n &.hds-checkbox--error {\n border: solid var(--hds-stroke-default) var(--hds-ui-colors-warning-yellow);\n }\n }\n\n &.hds-checkbox--error {\n .hds-checkbox__checkmark,\n .hds-checkbox__checkmark::after {\n border-color: var(--hds-ui-colors-warning-yellow);\n }\n }\n\n /**\n * State: Disabled\n */\n input[type=\"checkbox\"]:disabled {\n ~ .hds-checkbox__checkmark,\n ~ .hds-checkbox__checkmark::after {\n border-color: var(--hds-ui-colors-grey);\n cursor: default;\n }\n }\n\n &.hds-checkbox:has(input:disabled) {\n cursor: default;\n color: var(--hds-ui-colors-dark-grey);\n\n &.hds-checkbox--bounding-box {\n background-color: var(--hds-ui-colors-light-grey-fill);\n }\n }\n\n /* Focus effect */\n &:focus-within {\n outline: 2px solid var(--hds-colors-dark);\n outline-offset: 2px;\n }\n}\n"],"names":[]}
|
package/dist/classnames.d.ts
CHANGED
|
@@ -99,17 +99,23 @@ export type ClassNames =
|
|
|
99
99
|
| "hds-modal__footer"
|
|
100
100
|
| "hds-modal-scroll-lock"
|
|
101
101
|
| "hds-navbar"
|
|
102
|
+
| "hds-navbar--default"
|
|
103
|
+
| "hds-navbar--service"
|
|
102
104
|
| "hds-navbar__expandable-menu-content"
|
|
103
105
|
| "hds-navbar__expandable-menu-content--fullscreen"
|
|
104
106
|
| "hds-navbar__expandable-menu-content-inner"
|
|
105
107
|
| "hds-navbar__button"
|
|
106
108
|
| "hds-navbar__navigation"
|
|
107
109
|
| "hds-navbar__logo"
|
|
110
|
+
| "hds-navbar__logo-and-service-text"
|
|
111
|
+
| "hds-navbar__logo-and-service-text--service"
|
|
112
|
+
| "hds-navbar__logo-and-service-text--flagship"
|
|
108
113
|
| "hds-navbar-scroll-lock"
|
|
109
114
|
| "hds-show-more"
|
|
110
115
|
| "hds-show-more__icon"
|
|
111
116
|
| "hds-show-more--show-less"
|
|
112
117
|
| "hds-skeleton"
|
|
118
|
+
| "hds-skeleton--no-animation"
|
|
113
119
|
| "hds-skeleton--text"
|
|
114
120
|
| "hds-skeleton--circle"
|
|
115
121
|
| "hds-skeleton--rectangle"
|