@wrdagency/blockout 0.0.12 → 0.0.13

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 (3) hide show
  1. package/dist/assets/index4.css +1 -1
  2. package/dist/assets/index8.css +1 -1
  3. package/package.json +1 -1
package/dist/assets/index4.css CHANGED
@@ -1 +1 @@
1
- .component-choice-control__choices{display:grid;gap:1.5rem}@media (min-width: 768px){.component-choice-control__choices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.component-choice-control__choices{grid-template-columns:repeat(3,minmax(0,1fr))}}.component-choice-control__choice{padding:.325rem;border:1px solid var(--blockout__colours__surface--300);background-color:var(--blockout__colours__surface--0);cursor:pointer;transition:outline .25s ease,outline-offset .25s ease}.component-choice-control__choice__body{display:flex;flex-direction:row;align-items:baseline;gap:.75rem;padding:.675rem}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__body{background-color:var(--blockout__colours__primary--50)}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__label{color:var(--blockout__colours__primary--950)}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__description{color:var(--blockout__colours__primary--900);opacity:.7}.component-choice-control__choice:focus-within{outline:1px solid var(--blockout__colours__surface--950);outline-offset:4px}.component-choice-control__choice:has(input:disabled){background-color:var(--blockout__colours__surface--200)}.component-choice-control__choice:has(input:disabled) .component-choice-control__choice__label,.component-choice-control__choice:has(input:disabled) .component-choice-control__choice__description{color:var(--blockout__colours__surface--400)}.component-choice-control__choice__icon{position:relative;border:2px solid var(--blockout__colours__surface--300);width:1rem;height:1rem;transition:border-color .25s ease;border-radius:2px;transform:translateY(.125rem)}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__icon{border-color:var(--blockout__colours__primary--950)}.component-choice-control__choice__icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:scale(0);display:block;background-color:var(--blockout__colours__primary--700);transition:transform .15s ease;border-radius:1px}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__icon:after{transform:scale(.75)}.component-choice-control__choice--single .component-choice-control__choice__icon{border-radius:1rem}.component-choice-control__choice--single .component-choice-control__choice__icon:after{border-radius:1rem}.component-choice-control__choice__label{font-weight:500;color:var(--blockout__colours__surface--600);transition:color .25s ease}.component-choice-control__choice__description{font-weight:400;color:var(--blockout__colours__surface--500);font-size:.875rem;transition:color .25s ease,opacity .25s ease}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__label{color:var(--blockout__colours__surface--950)}
1
+ .component-choice-control__choices{display:grid;gap:1.5rem}@media (min-width: 768px){.component-choice-control__choices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.component-choice-control__choices{grid-template-columns:repeat(3,minmax(0,1fr))}}.component-choice-control__choice{padding:.325rem;border:1px solid var(--blockout__colours__surface--300);background-color:var(--blockout__colours__surface--0);cursor:pointer;transition:outline .25s ease,outline-offset .25s ease}.component-choice-control__choice__body{display:flex;flex-direction:row;align-items:baseline;gap:.75rem;padding:.675rem;height:100%}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__body{background-color:var(--blockout__colours__primary--50)}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__label{color:var(--blockout__colours__primary--950)}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__description{color:var(--blockout__colours__primary--900);opacity:.7}.component-choice-control__choice:focus-within{outline:1px solid var(--blockout__colours__surface--950);outline-offset:4px}.component-choice-control__choice:has(input:disabled){background-color:var(--blockout__colours__surface--200)}.component-choice-control__choice:has(input:disabled) .component-choice-control__choice__label,.component-choice-control__choice:has(input:disabled) .component-choice-control__choice__description{color:var(--blockout__colours__surface--400)}.component-choice-control__choice__icon{position:relative;border:2px solid var(--blockout__colours__surface--300);width:1rem;height:1rem;flex-shrink:0;transition:border-color .25s ease;border-radius:2px;transform:translateY(.125rem)}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__icon{border-color:var(--blockout__colours__primary--950)}.component-choice-control__choice__icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:scale(0);display:block;background-color:var(--blockout__colours__primary--700);transition:transform .15s ease;border-radius:1px}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__icon:after{transform:scale(.75)}.component-choice-control__choice--single .component-choice-control__choice__icon{border-radius:1rem}.component-choice-control__choice--single .component-choice-control__choice__icon:after{border-radius:1rem}.component-choice-control__choice__label{font-weight:500;color:var(--blockout__colours__surface--600);transition:color .25s ease}.component-choice-control__choice__description{font-weight:400;color:var(--blockout__colours__surface--500);font-size:.875rem;transition:color .25s ease,opacity .25s ease}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__label{color:var(--blockout__colours__surface--950)}
package/dist/assets/index8.css CHANGED
@@ -1 +1 @@
1
- .component-progress{--component-progress__steps: 0;--component-progress__step-width: max(.75rem, 3.5%);--component-progress__bg: var(--blockout__colours__surface--200);--component-progress__fg: var(--blockout__colours__surface--950);-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:block;height:4px;width:100%;border-radius:0;overflow:clip}.component-progress::-webkit-progress-bar{border-radius:0;height:100%;background:var(--component-progress__bg)}.component-progress::-moz-progress-bar{border-radius:0;height:100%;background:var(--component-progress__bg)}.component-progress::-webkit-progress-value{border-radius:0;height:100%;background:var(--component-progress__fg)}.component-progress:indeterminate:before{content:"";position:absolute;top:0;left:0;background-color:var(--component-progress__fg);height:100%;width:20%;transform-origin:left;animation:component-progress__indeterminate 2s ease-in-out infinite alternate}@keyframes component-progress__indeterminate{0%{left:-50%}to{left:100%}}.component-progress--with-steps:after{content:"";position:absolute;top:-1px;bottom:-1px;left:0;right:0;height:calc(100% + 2px);width:100%;z-index:1;background-image:linear-gradient(90deg,transparent 0%,transparent calc(100% - var(--component-progress__step-width)),var(--blockout__colours__surface--0) calc(100% - var(--component-progress__step-width)),var(--blockout__colours__surface--0) 100%);background-repeat:repeat-x;background-size:calc((100% + ((var(--component-progress__steps) - 1) * (var(--component-progress__step-width) / 2))) / var(--component-progress__steps)) 100%;background-position:0% center}
1
+ .component-progress{--component-progress__steps: 0;--component-progress__step-width: max(.75rem, 3.5%);--component-progress__bg: var(--blockout__colours__surface--200);--component-progress__fg: var(--blockout__colours__surface--950);-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:block;height:4px;width:100%;border-radius:0;overflow:clip}.component-progress::-webkit-progress-bar{border-radius:0;height:100%;background:var(--component-progress__bg)}.component-progress::-moz-progress-bar{border-radius:0;height:100%;background:var(--component-progress__fg)}.component-progress::-webkit-progress-value{border-radius:0;height:100%;background:var(--component-progress__fg)}.component-progress:indeterminate:before{content:"";position:absolute;top:0;left:0;background-color:var(--component-progress__fg);height:100%;width:20%;transform-origin:left;animation:component-progress__indeterminate 2s ease-in-out infinite alternate}@keyframes component-progress__indeterminate{0%{left:-50%}to{left:100%}}.component-progress--with-steps:after{content:"";position:absolute;top:-1px;bottom:-1px;left:0;right:0;height:calc(100% + 2px);width:100%;z-index:1;background-image:linear-gradient(90deg,transparent 0%,transparent calc(100% - var(--component-progress__step-width)),var(--blockout__colours__surface--0) calc(100% - var(--component-progress__step-width)),var(--blockout__colours__surface--0) 100%);background-repeat:repeat-x;background-size:calc((100% + ((var(--component-progress__steps) - 1) * (var(--component-progress__step-width) / 2))) / var(--component-progress__steps)) 100%;background-position:0% center}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wrdagency/blockout",
3
- "version": "0.0.12",
3
+ "version": "0.0.13",
4
4
  "description": "A React component library created by WRD.agency",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",