@postenbring/hedwig-css 0.0.71 → 0.0.73

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@postenbring/hedwig-css",
-  "version": "0.0.71",
+  "version": "0.0.73",
   "description": "",
   "files": [
     "dist/**",
@@ -25,19 +25,19 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "browserslist": "4.23.0",
+    "browserslist": "4.23.1",
     "chokidar-cli": "3.0.0",
     "globby": "14.0.1",
-    "lightningcss": "1.25.0",
+    "lightningcss": "1.25.1",
     "sanitize.css": "^13.0.0",
-    "stylelint": "16.5.0",
+    "stylelint": "16.6.1",
     "stylelint-config-standard": "36.0.0",
     "stylelint-value-no-unknown-custom-properties": "6.0.1",
     "wait-on": "^7.2.0"
   },
   "dependencies": {
     "clsx": "^2.1.1",
-    "@postenbring/hedwig-tokens": "0.0.14"
+    "@postenbring/hedwig-tokens": "0.0.16"
   },
   "publishConfig": {
     "access": "public"

package/dist/radiobutton.css

@@ -1 +0,0 @@
-.hds-radiobutton{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;--checkmark-width:16px;--checkmark-margin:var(--hds-spacing-4);display:block;position:relative}.hds-radiobutton *{cursor:pointer}.hds-radiobutton .hds-radiobutton__title{font-weight:var(--hds-font-weight-body-title);padding-bottom:var(--hds-spacing-12)}.hds-radiobutton label:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0}.hds-radiobutton input[type=radio]{opacity:0;width:0;height:0;position:absolute}.hds-radiobutton .hds-radiobutton__checkmark{margin:var(--hds-spacing-4);height:var(--checkmark-width);width:var(--checkmark-width);border:solid 2px var(--hds-colors-darker);border-radius:50%;position:absolute;left:0}.hds-radiobutton input[type=radio]:checked~.hds-radiobutton__checkmark:after{display:block}.hds-radiobutton .hds-radiobutton__checkmark:after{content:"";background:var(--hds-colors-dark);border-radius:50%;width:6px;height:6px;display:none;position:absolute;top:3px;left:3px}.hds-radiobutton.hds-radiobutton--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-radiobutton.hds-radiobutton--bounding-box .hds-radiobutton__checkmark{left:var(--hds-spacing-16)}.hds-radiobutton.hds-radiobutton--bounding-box.hds-radiobutton--error{border:solid var(--hds-stroke-default)var(--hds-ui-colors-warning-yellow)}.hds-radiobutton.hds-radiobutton--error .hds-radiobutton__checkmark{border-color:var(--hds-ui-colors-warning-yellow)}.hds-radiobutton.hds-radiobutton--error .hds-radiobutton__checkmark:after{background:var(--hds-ui-colors-warning-yellow)}.hds-radiobutton input[type=radio]:disabled~.hds-radiobutton__checkmark{border-color:var(--hds-ui-colors-grey);cursor:default}.hds-radiobutton input[type=radio]:disabled~.hds-radiobutton__checkmark:after{border-color:var(--hds-ui-colors-grey);cursor:default}.hds-radiobutton input[type=radio]:disabled~.hds-radiobutton__checkmark:after{background:var(--hds-ui-colors-grey);cursor:default}.hds-radiobutton.hds-radiobutton:has(input:disabled){cursor:default;color:var(--hds-ui-colors-dark-grey)}.hds-radiobutton.hds-radiobutton:has(input:disabled).hds-radiobutton--bounding-box{background-color:var(--hds-ui-colors-light-grey-fill)}.hds-radiobutton:focus-within{outline:2px solid var(--hds-colors-dark);outline-offset:2px}

package/dist/radiobutton.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":null,"mappings":"AAAA,4WAiBE,kCAIA,4HAKA,8FAYA,gFAUA,yNAUA,2FAIA,uLAeA,oWAUE,sGAIA,gJAMA,qHAIA,yHASA,8HAAA,oIAMA,kIAMF,yGAIE,yIAMF","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/form/radiobutton/radiobutton.css"],"sourcesContent":[".hds-radiobutton {\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 radio button text\n   */\n  user-select: none;\n\n  * {\n    cursor: pointer;\n  }\n\n  .hds-radiobutton__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 radiobutton\n  */\n  input[type=\"radio\"] {\n    position: absolute;\n    opacity: 0;\n    height: 0;\n    width: 0;\n  }\n\n  /**\n  * Create a custom radiobutton\n  */\n  .hds-radiobutton__checkmark {\n    margin: var(--hds-spacing-4);\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    border-radius: 50%;\n  }\n\n  input[type=\"radio\"]:checked ~ .hds-radiobutton__checkmark::after {\n    display: block;\n  }\n\n  .hds-radiobutton__checkmark::after {\n    content: \"\";\n    position: absolute;\n    display: none;\n    top: 3px;\n    left: 3px;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: var(--hds-colors-dark);\n  }\n\n  /**\n  * Variant bounding-box and state error\n  */\n  &.hds-radiobutton--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-radiobutton__checkmark {\n      left: var(--hds-spacing-16);\n    }\n\n    &.hds-radiobutton--error {\n      border: solid var(--hds-stroke-default) var(--hds-ui-colors-warning-yellow);\n    }\n  }\n\n  &.hds-radiobutton--error {\n    .hds-radiobutton__checkmark {\n      border-color: var(--hds-ui-colors-warning-yellow);\n    }\n\n    .hds-radiobutton__checkmark::after {\n      background: var(--hds-ui-colors-warning-yellow);\n    }\n  }\n\n  /**\n  * State: Disabled\n  */\n  input[type=\"radio\"]:disabled {\n    ~ .hds-radiobutton__checkmark,\n    ~ .hds-radiobutton__checkmark::after {\n      border-color: var(--hds-ui-colors-grey);\n      cursor: default;\n    }\n\n    ~ .hds-radiobutton__checkmark::after {\n      background: var(--hds-ui-colors-grey);\n      cursor: default;\n    }\n  }\n\n  &.hds-radiobutton:has(input:disabled) {\n    cursor: default;\n    color: var(--hds-ui-colors-dark-grey);\n\n    &.hds-radiobutton--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":[]}