@wrdagency/blockout 0.0.17 → 0.0.19
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/assets/index3.css +1 -1
- package/package.json +1 -1
package/dist/assets/index3.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.component-base-control{display:flex;flex-direction:column}.component-base-control__label{display:block;font-weight:600;color:var(--blockout__colours__surface--950);font-size:.875rem;text-transform:uppercase;padding-bottom:.375rem}.component-base-control__label__required{color:#df1414;padding-left:.25rem}.component-base-control__box{cursor:text;display:flex;flex-direction:row;border:1px solid var(--blockout__colours__surface--300);background-color:var(--blockout__colours__surface--0);outline-offset:0px;outline:0px solid transparent;transition:outline .25s ease,outline-offset .25s ease,border-color .25s ease,color .25s ease,background-color .25s ease}.component-base-control__box:focus-within:not(:has(button:focus)){background-color:var(--blockout__colours__surface--0);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-base-control__box:hover:not(:has(button:hover)){background-color:var(--blockout__colours__surface--50)}.component-base-control__box:has(:disabled){background-color:var(--blockout__colours__surface--200);color:var(--blockout__colours__surface--400)}.component-base-control__control{flex-grow:1}.component-base-control__control>input,.component-base-control__control>select,.component-base-control__control>textarea{display:block;padding:.75rem;min-height:40px;width:100%;min-width:0;max-width:100%;color:var(--blockout__colours__surface--800);font-size:1rem;background-color:transparent;transition:background-color .25s ease}.component-base-control__control>input:focus,.component-base-control__control>select:focus,.component-base-control__control>textarea:focus{outline:none}.component-base-control__help{margin-top:.25rem;max-width:65ch;font-size:.75rem;font-weight:400;color:var(--blockout__colours__surface--600)}fieldset.component-base-control .component-base-control__box{border:none}fieldset.component-base-control .component-base-control__box:focus-within{outline:none}fieldset.component-base-control .component-base-control__help{order:-1;margin-top:0;margin-bottom:.75rem}.component-base-control__affix{flex-grow:1;color:var(--blockout__colours__surface--600);padding:.75rem;min-height:40px;min-width:max-content}.component-base-control__affix--prefix{padding-right:0}.component-base-control__affix--suffix{padding-left:0}.component-base-control__box:has(.component-base-control__affix) .component-base-control__control{flex-grow:0}.component-base-control__box:has(.component-base-control__affix) .component-base-control__control>input,.component-base-control__box:has(.component-base-control__affix) .component-base-control__control>select,.component-base-control__box:has(.component-base-control__affix) .component-base-control__control>textarea{field-sizing:content;width:unset}
|
|
1
|
+
.component-base-control{display:flex;flex-direction:column}.component-base-control__label{display:block;font-weight:600;color:var(--blockout__colours__surface--950);font-size:.875rem;text-transform:uppercase;padding-bottom:.375rem}.component-base-control__label__required{color:#df1414;padding-left:.25rem}.component-base-control__box{cursor:text;display:flex;flex-direction:row;border:1px solid var(--blockout__colours__surface--300);background-color:var(--blockout__colours__surface--0);outline-offset:0px;outline:0px solid transparent;transition:outline .25s ease,outline-offset .25s ease,border-color .25s ease,color .25s ease,background-color .25s ease}.component-base-control__box:focus-within:not(:has(button:focus)){background-color:var(--blockout__colours__surface--0);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-base-control__box:hover:not(:has(button:hover)){background-color:var(--blockout__colours__surface--50)}.component-base-control__box:has(:disabled){background-color:var(--blockout__colours__surface--200);color:var(--blockout__colours__surface--400)}.component-base-control__control{flex-grow:1}.component-base-control__control>input,.component-base-control__control>select,.component-base-control__control>textarea{display:block;padding:.75rem;min-height:40px;width:100%;min-width:0;max-width:100%;color:var(--blockout__colours__surface--800);font-size:1rem;background-color:transparent;transition:background-color .25s ease}.component-base-control__control>input:focus,.component-base-control__control>select:focus,.component-base-control__control>textarea:focus{outline:none}.component-base-control__help{margin-top:.25rem;max-width:65ch;font-size:.75rem;font-weight:400;color:var(--blockout__colours__surface--600)}fieldset.component-base-control .component-base-control__box{border:none}fieldset.component-base-control .component-base-control__box:hover{background-color:transparent!important}fieldset.component-base-control .component-base-control__box:focus-within{outline:none}fieldset.component-base-control .component-base-control__help{order:-1;margin-top:0;margin-bottom:.75rem}.component-base-control__affix{flex-grow:1;color:var(--blockout__colours__surface--600);padding:.75rem;min-height:40px;min-width:max-content}.component-base-control__affix--prefix{padding-right:0}.component-base-control__affix--suffix{padding-left:0}.component-base-control__box:has(.component-base-control__affix) .component-base-control__control{flex-grow:0}.component-base-control__box:has(.component-base-control__affix) .component-base-control__control>input,.component-base-control__box:has(.component-base-control__affix) .component-base-control__control>select,.component-base-control__box:has(.component-base-control__affix) .component-base-control__control>textarea{field-sizing:content;width:unset}
|