diff --git a/agnosticui-css/css-dist/common.concat.css b/agnosticui-css/css-dist/common.concat.css index ef5fd5883..262076d4e 100644 --- a/agnosticui-css/css-dist/common.concat.css +++ b/agnosticui-css/css-dist/common.concat.css @@ -1,3 +1,22 @@ +/* No I'm not going to fucking use 2000 css utilities, and, ahem, they've been around +forever so don't tell me their proliferation is this new thing. I'll introduce these +on an as-needed and pragmatic basis because I know how to write CSS. WTF. Rant over :) */ +.width-full { + width: 100%; +} + +.screenreader-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; +} + /** * Color tokens */ diff --git a/agnosticui-css/css-dist/common.min.css b/agnosticui-css/css-dist/common.min.css index 595a5d240..c14843427 100644 --- a/agnosticui-css/css-dist/common.min.css +++ b/agnosticui-css/css-dist/common.min.css @@ -1 +1 @@ -:root{--agnosticui-primary:#077acb;--agnosticui-primary-from:#0662a2;--agnosticui-primary-to:#2087d0;--agnosticui-primary-hover:#2087d0;--agnosticui-secondary:#c94d2b;--agnosticui-secondary-from:#a33e23;--agnosticui-secondary-to:#bc583d;--agnosticui-secondary-hover:#bc583d;--agnosticui-error-color:#e42002;--agnosticui-gray-extra-light:#f8f8f8;--agnosticui-gray-light:#e9e9e9;--agnosticui-gray-mid:#d8d8d8;--agnosticui-gray-mid-dark:#ccc;--agnosticui-gray-dark:#757575;--agnosticui-dark:#333;--agnosticui-light:#fff}:root{--Space-80:80px;--Space-72:72px;--Space-64:64px;--Space-56:56px;--Space-48:48px;--Space-40:40px;--Space-32:32px;--Space-24:24px;--Space-16:16px;--Space-14:14px;--Space-12:12px;--Space-10:10px;--Space-8:8px;--Space-6:6px;--Space-4:4px;--agnosticui-vertical-pad:var(--Space-8);--agnosticui-line-height:20px;--agnosticui-side-padding:calc(1.5 * var(--Space-8))}:root{--agnosticui-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Open Sans","Ubuntu","Fira Sans",Helvetica,"Droid Sans","Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--agnosticui-font-family-serif:Georgia,Cambria,"Times New Roman",Times,serif;--agnosticui-font-family-mono:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--agnosticui-h1:64px;--agnosticui-h2:48px;--agnosticui-h3:36px;--agnosticui-h4:24px;--agnosticui-h5:18px;--agnosticui-h6:12px;--agnosticui-body:16px;--agnosticui-font-weight-bold:600;--agnosticui-font-weight-light:300;--agnosticui-font-color:#333}:root{--agnosticui-timing-fast:200ms;--agnosticui-timing-medium:300ms;--agnosticui-timing-slow:450ms} \ No newline at end of file +.width-full{width:100%}.screenreader-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:root{--agnosticui-primary:#077acb;--agnosticui-primary-from:#0662a2;--agnosticui-primary-to:#2087d0;--agnosticui-primary-hover:#2087d0;--agnosticui-secondary:#c94d2b;--agnosticui-secondary-from:#a33e23;--agnosticui-secondary-to:#bc583d;--agnosticui-secondary-hover:#bc583d;--agnosticui-error-color:#e42002;--agnosticui-gray-extra-light:#f8f8f8;--agnosticui-gray-light:#e9e9e9;--agnosticui-gray-mid:#d8d8d8;--agnosticui-gray-mid-dark:#ccc;--agnosticui-gray-dark:#757575;--agnosticui-dark:#333;--agnosticui-light:#fff}:root{--Space-80:80px;--Space-72:72px;--Space-64:64px;--Space-56:56px;--Space-48:48px;--Space-40:40px;--Space-32:32px;--Space-24:24px;--Space-16:16px;--Space-14:14px;--Space-12:12px;--Space-10:10px;--Space-8:8px;--Space-6:6px;--Space-4:4px;--agnosticui-vertical-pad:var(--Space-8);--agnosticui-line-height:20px;--agnosticui-side-padding:calc(1.5 * var(--Space-8))}:root{--agnosticui-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Open Sans","Ubuntu","Fira Sans",Helvetica,"Droid Sans","Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--agnosticui-font-family-serif:Georgia,Cambria,"Times New Roman",Times,serif;--agnosticui-font-family-mono:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--agnosticui-h1:64px;--agnosticui-h2:48px;--agnosticui-h3:36px;--agnosticui-h4:24px;--agnosticui-h5:18px;--agnosticui-h6:12px;--agnosticui-body:16px;--agnosticui-font-weight-bold:600;--agnosticui-font-weight-light:300;--agnosticui-font-color:#333}:root{--agnosticui-timing-fast:200ms;--agnosticui-timing-medium:300ms;--agnosticui-timing-slow:450ms} \ No newline at end of file diff --git a/agnosticui-css/css-dist/common.prefixed.css b/agnosticui-css/css-dist/common.prefixed.css index 1f8cf0649..fef587660 100644 --- a/agnosticui-css/css-dist/common.prefixed.css +++ b/agnosticui-css/css-dist/common.prefixed.css @@ -1,3 +1,22 @@ +/* No I'm not going to fucking use 2000 css utilities, and, ahem, they've been around +forever so don't tell me their proliferation is this new thing. I'll introduce these +on an as-needed and pragmatic basis because I know how to write CSS. WTF. Rant over :) */ +.width-full { + width: 100%; +} + +.screenreader-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; +} + /** * Color tokens */ @@ -92,4 +111,4 @@ --agnosticui-timing-medium: 300ms; --agnosticui-timing-slow: 450ms; } -/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbW1vbi5jb25jYXQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFO0FBQ0Y7RUFDRSw2QkFBNkI7RUFDN0Isb0VBQW9FO0VBQ3BFLGtDQUFrQztFQUNsQyxnQ0FBZ0M7RUFDaEMsbUNBQW1DO0VBQ25DLCtCQUErQjtFQUMvQixvQ0FBb0M7RUFDcEMsa0NBQWtDO0VBQ2xDLHFDQUFxQztFQUNyQyxpQ0FBaUM7RUFDakMsc0NBQXNDO0VBQ3RDLGdDQUFnQztFQUNoQyw4QkFBOEI7RUFDOUIsbUNBQW1DO0VBQ25DLCtFQUErRTtFQUMvRSwrQkFBK0I7RUFDL0IsMEJBQTBCO0VBQzFCLDJCQUEyQjtFQUMzQixrREFBa0Q7QUFDcEQ7O0FBRUE7Ozs7Ozs7Ozs7Ozs7RUFhRTtBQUNGO0VBQ0UsZ0JBQWdCO0VBQ2hCLGdCQUFnQjtFQUNoQixnQkFBZ0I7RUFDaEIsZ0JBQWdCO0VBQ2hCLGdCQUFnQjtFQUNoQixnQkFBZ0I7RUFDaEIsZ0JBQWdCO0VBQ2hCLGdCQUFnQjtFQUNoQixnQkFBZ0I7RUFDaEIsZ0JBQWdCO0VBQ2hCLGdCQUFnQjtFQUNoQixnQkFBZ0I7RUFDaEIsY0FBYztFQUNkLGNBQWM7RUFDZCxjQUFjOztFQUVkLHlDQUF5QztFQUN6QyxrRUFBa0U7RUFDbEUsOEJBQThCO0VBQzlCLHFEQUFxRDtBQUN2RDs7QUFFQTs7Ozs7Ozs7O0VBU0U7O0FBRUY7RUFDRSw0TkFBNE47RUFDNU4saUZBQWlGO0VBQ2pGLG1IQUFtSDtFQUNuSCxxQkFBcUI7RUFDckIscUJBQXFCO0VBQ3JCLHFCQUFxQjtFQUNyQixxQkFBcUI7RUFDckIscUJBQXFCO0VBQ3JCLHFCQUFxQjtFQUNyQix1QkFBdUI7RUFDdkIsa0NBQWtDO0VBQ2xDLG1DQUFtQztFQUNuQyxnQ0FBZ0M7QUFDbEM7O0FBRUE7RUFDRSwrQkFBK0I7RUFDL0IsaUNBQWlDO0VBQ2pDLCtCQUErQjtBQUNqQyIsImZpbGUiOiJjb21tb24ucHJlZml4ZWQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb2xvciB0b2tlbnNcbiAqL1xuOnJvb3Qge1xuICAtLWFnbm9zdGljdWktcHJpbWFyeTogIzA3N2FjYjtcbiAgLyogZnJvbSAvIHRvIGFyZSB1c2VkIGZvciBncmFkaWVudHMgYW5kIHRoaW5ncyBsaWtlIHJhaXNlZCBidXR0b25zICovXG4gIC0tYWdub3N0aWN1aS1wcmltYXJ5LWZyb206ICMwNjYyYTI7XG4gIC0tYWdub3N0aWN1aS1wcmltYXJ5LXRvOiAjMjA4N2QwO1xuICAtLWFnbm9zdGljdWktcHJpbWFyeS1ob3ZlcjogIzIwODdkMDtcbiAgLS1hZ25vc3RpY3VpLXNlY29uZGFyeTogI2M5NGQyYjtcbiAgLS1hZ25vc3RpY3VpLXNlY29uZGFyeS1mcm9tOiAjYTMzZTIzO1xuICAtLWFnbm9zdGljdWktc2Vjb25kYXJ5LXRvOiAjYmM1ODNkO1xuICAtLWFnbm9zdGljdWktc2Vjb25kYXJ5LWhvdmVyOiAjYmM1ODNkO1xuICAtLWFnbm9zdGljdWktZXJyb3ItY29sb3I6ICNlNDIwMDI7XG4gIC0tYWdub3N0aWN1aS1ncmF5LWV4dHJhLWxpZ2h0OiAjZjhmOGY4O1xuICAtLWFnbm9zdGljdWktZ3JheS1saWdodDogI2U5ZTllOTtcbiAgLS1hZ25vc3RpY3VpLWdyYXktbWlkOiAjZDhkOGQ4O1xuICAtLWFnbm9zdGljdWktZ3JheS1taWQtZGFyazogI2NjY2NjYztcbiAgLyogZ3JheSBkYXJrIHNlZW1zIHRvIG1lZXQgYTExeSBjb250cmFzdCByZXF1aXJlbWVudHMgZm9yIGhlbHAgdGV4dCBvbiBpbnB1dHMgKi9cbiAgLS1hZ25vc3RpY3VpLWdyYXktZGFyazogIzc1NzU3NTtcbiAgLS1hZ25vc3RpY3VpLWRhcms6ICMzMzMzMzM7XG4gIC0tYWdub3N0aWN1aS1saWdodDogI2ZmZmZmZjtcbiAgLyogQ2FwdGlvbiwgU3ViLWhlYWRpbmcsIGV0Yy4sIGNhbiBiZSBhZGRlZCBoZXJlICovXG59XG5cbi8qKlxuICogU3BhY2UgdG9rZW5zXG4gKlxuICogVGhlc2Ugc3BhY2luZyB0b2tlbnMgYXJlLCBlc3NlbnRpYWxseSwgbGl0ZXJhbHMgZm9yIHVzZSBvbiBhXG4gKiBzbGlnaHRseSBtb2RpZmllZCA4cHQgZ3JpZCwgYnV0IGFsc28gY29udmVyZ2UgY29udmVuaWVudGx5IHdpdGhcbiAqIHNvbWUgY29tbW9uIHR5cGUgc2NhbGUgYm91bmRhcmllczpcbiAqIDEwLCAxMiwgMTQsIDE4LCAyNCwgMzYsIDQ4LCA2NCwgNzJcbiAqIE5vdGUsIHRoYXQgd2UgZG8gbm90IHByZWZpeCB0aGVzZSB3aXRoIGBhZ25vc3RpYy1kZWZhdWx0LWAgYXNcbiAqIHRoZXkncmUgbm90IG1lYW50IHRvIGJlIG92ZXJyaWRlbiBhbmQgbWFpbmx5IHVzZWQ6XG4gKiAxLiBpbnRlcm5hbGx5IHdpdGhpbiBBZ25vc3RpY1VJXG4gKiAyLiBvcHRpb25hbGx5IGJ5IHlvdXIgYXBwIGlmIHlvdSBsaWtlIHRoZXNlIGFuZCB3YW50IHRvXG4gKiBpbXBvcnQgdGhlbSBmb3IgZXhhbXBsZS5cbiAqIEZlZWwgZnJlZSB0byB1c2UgeW91ciBzcGFjaW5nIHNjYWxlIGlmIHlvdSBzbyBkZXNpcmUuXG4gKi9cbjpyb290IHtcbiAgLS1TcGFjZS04MDogODBweDtcbiAgLS1TcGFjZS03MjogNzJweDtcbiAgLS1TcGFjZS02NDogNjRweDtcbiAgLS1TcGFjZS01NjogNTZweDtcbiAgLS1TcGFjZS00ODogNDhweDtcbiAgLS1TcGFjZS00MDogNDBweDtcbiAgLS1TcGFjZS0zMjogMzJweDtcbiAgLS1TcGFjZS0yNDogMjRweDtcbiAgLS1TcGFjZS0xNjogMTZweDtcbiAgLS1TcGFjZS0xNDogMTRweDtcbiAgLS1TcGFjZS0xMjogMTJweDtcbiAgLS1TcGFjZS0xMDogMTBweDtcbiAgLS1TcGFjZS04OiA4cHg7XG4gIC0tU3BhY2UtNjogNnB4O1xuICAtLVNwYWNlLTQ6IDRweDtcblxuICAtLWFnbm9zdGljdWktdmVydGljYWwtcGFkOiB2YXIoLS1TcGFjZS04KTtcbiAgLyogTm90ZSB0aGlzIGlzIHJlYWxseSBmb3IgZm9ybSBjb250cm9scyBsaWtlIGlucHV0cyBhbmQgYnV0dG9ucyAqL1xuICAtLWFnbm9zdGljdWktbGluZS1oZWlnaHQ6IDIwcHg7XG4gIC0tYWdub3N0aWN1aS1zaWRlLXBhZGRpbmc6IGNhbGMoMS41ICogdmFyKC0tU3BhY2UtOCkpO1xufVxuXG4vKipcbiAqIEZvbnQgc2l6ZSB0b2tlbnNcbiAqIFRoZXNlIGFyZSBwZXJoYXBzIGEgYml0IGFyYml0cmFyeSBidXQgd2VyZSBjaG9zZW4gZnJvbSBib3RoIHRoZVxuICogZGVmYXVsdCBwb2ludCBzaXplcyBmb3IgdHlwZSBpbiBPUyBYLCBhbmQgdGhlIGNsYXNzaWMgdHlwb2dyYXBoaWNcbiAqIHNjYWxlIGFzIHByb3ZpZGVkIGJ5IFRoZSBFbGVtZW50cyBvZiBUeXBvZ3JhcGhpYyBTdHlsZSB3aGljaCBhcmU6XG4gKiA5LCAxMCwgMTEsIDEyLCAxMywgMTQsIDE4LCAyNCwgMzYsIDQ4LCAoYWx0LiA2MCkgNjQsIDcyLCA5NiwgMTQ0LCAyODhcbiAqIFxuICogWW91J3JlIGVuY291cmFnZWQgdG8gY2hhbmdlIHRoZXNlIHNldHR0aW5ncyB0byB3aGF0ZXZlciBzdWl0cyB5b3VyIGFwcCdzIG5lZWRzXG4gKiBiZXN04oCUdGhlc2UgYXJlIGp1c3Qgc2Vuc2libGUgZGVmYXVsdHMgdG8gZ2V0IHlvdSBzdGFydGVkLlxuICovXG5cbjpyb290IHtcbiAgLS1hZ25vc3RpY3VpLWZvbnQtZmFtaWx5OiAtYXBwbGUtc3lzdGVtLCBCbGlua01hY1N5c3RlbUZvbnQsIFwiU2Vnb2UgVUlcIiwgXCJPcGVuIFNhbnNcIiwgXCJVYnVudHVcIiwgXCJGaXJhIFNhbnNcIiwgSGVsdmV0aWNhLCBcIkRyb2lkIFNhbnNcIiwgXCJIZWx2ZXRpY2EgTmV1ZVwiLCBzYW5zLXNlcmlmLCBcIkFwcGxlIENvbG9yIEVtb2ppXCIsIFwiU2Vnb2UgVUkgRW1vamlcIiwgXCJTZWdvZSBVSSBTeW1ib2xcIjtcbiAgLS1hZ25vc3RpY3VpLWZvbnQtZmFtaWx5LXNlcmlmOiBHZW9yZ2lhLCBDYW1icmlhLCBcIlRpbWVzIE5ldyBSb21hblwiLCBUaW1lcywgc2VyaWY7XG4gIC0tYWdub3N0aWN1aS1mb250LWZhbWlseS1tb25vOiBTRk1vbm8tUmVndWxhciwgTWVubG8sIE1vbmFjbywgQ29uc29sYXMsIFwiTGliZXJhdGlvbiBNb25vXCIsIFwiQ291cmllciBOZXdcIiwgbW9ub3NwYWNlO1xuICAtLWFnbm9zdGljdWktaDE6IDY0cHg7XG4gIC0tYWdub3N0aWN1aS1oMjogNDhweDtcbiAgLS1hZ25vc3RpY3VpLWgzOiAzNnB4O1xuICAtLWFnbm9zdGljdWktaDQ6IDI0cHg7XG4gIC0tYWdub3N0aWN1aS1oNTogMThweDtcbiAgLS1hZ25vc3RpY3VpLWg2OiAxMnB4O1xuICAtLWFnbm9zdGljdWktYm9keTogMTZweDtcbiAgLS1hZ25vc3RpY3VpLWZvbnQtd2VpZ2h0LWJvbGQ6IDYwMDtcbiAgLS1hZ25vc3RpY3VpLWZvbnQtd2VpZ2h0LWxpZ2h0OiAzMDA7XG4gIC0tYWdub3N0aWN1aS1mb250LWNvbG9yOiAjMzMzMzMzO1xufVxuXG46cm9vdCB7XG4gIC0tYWdub3N0aWN1aS10aW1pbmctZmFzdDogMjAwbXM7XG4gIC0tYWdub3N0aWN1aS10aW1pbmctbWVkaXVtOiAzMDBtcztcbiAgLS1hZ25vc3RpY3VpLXRpbWluZy1zbG93OiA0NTBtcztcbn0iXX0= */ \ No newline at end of file +/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbW1vbi5jb25jYXQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzt3RkFFd0Y7QUFDeEY7RUFDRSxXQUFXO0FBQ2I7O0FBRUE7RUFDRSxrQkFBa0I7RUFDbEIsVUFBVTtFQUNWLFdBQVc7RUFDWCxVQUFVO0VBQ1YsWUFBWTtFQUNaLGdCQUFnQjtFQUNoQixzQkFBc0I7RUFDdEIsbUJBQW1CO0VBQ25CLGVBQWU7QUFDakI7O0FBRUE7O0VBRUU7QUFDRjtFQUNFLDZCQUE2QjtFQUM3QixvRUFBb0U7RUFDcEUsa0NBQWtDO0VBQ2xDLGdDQUFnQztFQUNoQyxtQ0FBbUM7RUFDbkMsK0JBQStCO0VBQy9CLG9DQUFvQztFQUNwQyxrQ0FBa0M7RUFDbEMscUNBQXFDO0VBQ3JDLGlDQUFpQztFQUNqQyxzQ0FBc0M7RUFDdEMsZ0NBQWdDO0VBQ2hDLDhCQUE4QjtFQUM5QixtQ0FBbUM7RUFDbkMsK0VBQStFO0VBQy9FLCtCQUErQjtFQUMvQiwwQkFBMEI7RUFDMUIsMkJBQTJCO0VBQzNCLGtEQUFrRDtBQUNwRDs7QUFFQTs7Ozs7Ozs7Ozs7OztFQWFFO0FBQ0Y7RUFDRSxnQkFBZ0I7RUFDaEIsZ0JBQWdCO0VBQ2hCLGdCQUFnQjtFQUNoQixnQkFBZ0I7RUFDaEIsZ0JBQWdCO0VBQ2hCLGdCQUFnQjtFQUNoQixnQkFBZ0I7RUFDaEIsZ0JBQWdCO0VBQ2hCLGdCQUFnQjtFQUNoQixnQkFBZ0I7RUFDaEIsZ0JBQWdCO0VBQ2hCLGdCQUFnQjtFQUNoQixjQUFjO0VBQ2QsY0FBYztFQUNkLGNBQWM7O0VBRWQseUNBQXlDO0VBQ3pDLGtFQUFrRTtFQUNsRSw4QkFBOEI7RUFDOUIscURBQXFEO0FBQ3ZEOztBQUVBOzs7Ozs7Ozs7RUFTRTs7QUFFRjtFQUNFLDROQUE0TjtFQUM1TixpRkFBaUY7RUFDakYsbUhBQW1IO0VBQ25ILHFCQUFxQjtFQUNyQixxQkFBcUI7RUFDckIscUJBQXFCO0VBQ3JCLHFCQUFxQjtFQUNyQixxQkFBcUI7RUFDckIscUJBQXFCO0VBQ3JCLHVCQUF1QjtFQUN2QixrQ0FBa0M7RUFDbEMsbUNBQW1DO0VBQ25DLGdDQUFnQztBQUNsQzs7QUFFQTtFQUNFLCtCQUErQjtFQUMvQixpQ0FBaUM7RUFDakMsK0JBQStCO0FBQ2pDIiwiZmlsZSI6ImNvbW1vbi5wcmVmaXhlZC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBObyBJJ20gbm90IGdvaW5nIHRvIGZ1Y2tpbmcgdXNlIDIwMDAgY3NzIHV0aWxpdGllcywgYW5kLCBhaGVtLCB0aGV5J3ZlIGJlZW4gYXJvdW5kXG5mb3JldmVyIHNvIGRvbid0IHRlbGwgbWUgdGhlaXIgcHJvbGlmZXJhdGlvbiBpcyB0aGlzIG5ldyB0aGluZy4gSSdsbCBpbnRyb2R1Y2UgdGhlc2Vcbm9uIGFuIGFzLW5lZWRlZCBhbmQgcHJhZ21hdGljIGJhc2lzIGJlY2F1c2UgSSBrbm93IGhvdyB0byB3cml0ZSBDU1MuIFdURi4gUmFudCBvdmVyIDopICovXG4ud2lkdGgtZnVsbCB7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uc2NyZWVucmVhZGVyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGJvcmRlci13aWR0aDogMDtcbn1cblxuLyoqXG4gKiBDb2xvciB0b2tlbnNcbiAqL1xuOnJvb3Qge1xuICAtLWFnbm9zdGljdWktcHJpbWFyeTogIzA3N2FjYjtcbiAgLyogZnJvbSAvIHRvIGFyZSB1c2VkIGZvciBncmFkaWVudHMgYW5kIHRoaW5ncyBsaWtlIHJhaXNlZCBidXR0b25zICovXG4gIC0tYWdub3N0aWN1aS1wcmltYXJ5LWZyb206ICMwNjYyYTI7XG4gIC0tYWdub3N0aWN1aS1wcmltYXJ5LXRvOiAjMjA4N2QwO1xuICAtLWFnbm9zdGljdWktcHJpbWFyeS1ob3ZlcjogIzIwODdkMDtcbiAgLS1hZ25vc3RpY3VpLXNlY29uZGFyeTogI2M5NGQyYjtcbiAgLS1hZ25vc3RpY3VpLXNlY29uZGFyeS1mcm9tOiAjYTMzZTIzO1xuICAtLWFnbm9zdGljdWktc2Vjb25kYXJ5LXRvOiAjYmM1ODNkO1xuICAtLWFnbm9zdGljdWktc2Vjb25kYXJ5LWhvdmVyOiAjYmM1ODNkO1xuICAtLWFnbm9zdGljdWktZXJyb3ItY29sb3I6ICNlNDIwMDI7XG4gIC0tYWdub3N0aWN1aS1ncmF5LWV4dHJhLWxpZ2h0OiAjZjhmOGY4O1xuICAtLWFnbm9zdGljdWktZ3JheS1saWdodDogI2U5ZTllOTtcbiAgLS1hZ25vc3RpY3VpLWdyYXktbWlkOiAjZDhkOGQ4O1xuICAtLWFnbm9zdGljdWktZ3JheS1taWQtZGFyazogI2NjY2NjYztcbiAgLyogZ3JheSBkYXJrIHNlZW1zIHRvIG1lZXQgYTExeSBjb250cmFzdCByZXF1aXJlbWVudHMgZm9yIGhlbHAgdGV4dCBvbiBpbnB1dHMgKi9cbiAgLS1hZ25vc3RpY3VpLWdyYXktZGFyazogIzc1NzU3NTtcbiAgLS1hZ25vc3RpY3VpLWRhcms6ICMzMzMzMzM7XG4gIC0tYWdub3N0aWN1aS1saWdodDogI2ZmZmZmZjtcbiAgLyogQ2FwdGlvbiwgU3ViLWhlYWRpbmcsIGV0Yy4sIGNhbiBiZSBhZGRlZCBoZXJlICovXG59XG5cbi8qKlxuICogU3BhY2UgdG9rZW5zXG4gKlxuICogVGhlc2Ugc3BhY2luZyB0b2tlbnMgYXJlLCBlc3NlbnRpYWxseSwgbGl0ZXJhbHMgZm9yIHVzZSBvbiBhXG4gKiBzbGlnaHRseSBtb2RpZmllZCA4cHQgZ3JpZCwgYnV0IGFsc28gY29udmVyZ2UgY29udmVuaWVudGx5IHdpdGhcbiAqIHNvbWUgY29tbW9uIHR5cGUgc2NhbGUgYm91bmRhcmllczpcbiAqIDEwLCAxMiwgMTQsIDE4LCAyNCwgMzYsIDQ4LCA2NCwgNzJcbiAqIE5vdGUsIHRoYXQgd2UgZG8gbm90IHByZWZpeCB0aGVzZSB3aXRoIGBhZ25vc3RpYy1kZWZhdWx0LWAgYXNcbiAqIHRoZXkncmUgbm90IG1lYW50IHRvIGJlIG92ZXJyaWRlbiBhbmQgbWFpbmx5IHVzZWQ6XG4gKiAxLiBpbnRlcm5hbGx5IHdpdGhpbiBBZ25vc3RpY1VJXG4gKiAyLiBvcHRpb25hbGx5IGJ5IHlvdXIgYXBwIGlmIHlvdSBsaWtlIHRoZXNlIGFuZCB3YW50IHRvXG4gKiBpbXBvcnQgdGhlbSBmb3IgZXhhbXBsZS5cbiAqIEZlZWwgZnJlZSB0byB1c2UgeW91ciBzcGFjaW5nIHNjYWxlIGlmIHlvdSBzbyBkZXNpcmUuXG4gKi9cbjpyb290IHtcbiAgLS1TcGFjZS04MDogODBweDtcbiAgLS1TcGFjZS03MjogNzJweDtcbiAgLS1TcGFjZS02NDogNjRweDtcbiAgLS1TcGFjZS01NjogNTZweDtcbiAgLS1TcGFjZS00ODogNDhweDtcbiAgLS1TcGFjZS00MDogNDBweDtcbiAgLS1TcGFjZS0zMjogMzJweDtcbiAgLS1TcGFjZS0yNDogMjRweDtcbiAgLS1TcGFjZS0xNjogMTZweDtcbiAgLS1TcGFjZS0xNDogMTRweDtcbiAgLS1TcGFjZS0xMjogMTJweDtcbiAgLS1TcGFjZS0xMDogMTBweDtcbiAgLS1TcGFjZS04OiA4cHg7XG4gIC0tU3BhY2UtNjogNnB4O1xuICAtLVNwYWNlLTQ6IDRweDtcblxuICAtLWFnbm9zdGljdWktdmVydGljYWwtcGFkOiB2YXIoLS1TcGFjZS04KTtcbiAgLyogTm90ZSB0aGlzIGlzIHJlYWxseSBmb3IgZm9ybSBjb250cm9scyBsaWtlIGlucHV0cyBhbmQgYnV0dG9ucyAqL1xuICAtLWFnbm9zdGljdWktbGluZS1oZWlnaHQ6IDIwcHg7XG4gIC0tYWdub3N0aWN1aS1zaWRlLXBhZGRpbmc6IGNhbGMoMS41ICogdmFyKC0tU3BhY2UtOCkpO1xufVxuXG4vKipcbiAqIEZvbnQgc2l6ZSB0b2tlbnNcbiAqIFRoZXNlIGFyZSBwZXJoYXBzIGEgYml0IGFyYml0cmFyeSBidXQgd2VyZSBjaG9zZW4gZnJvbSBib3RoIHRoZVxuICogZGVmYXVsdCBwb2ludCBzaXplcyBmb3IgdHlwZSBpbiBPUyBYLCBhbmQgdGhlIGNsYXNzaWMgdHlwb2dyYXBoaWNcbiAqIHNjYWxlIGFzIHByb3ZpZGVkIGJ5IFRoZSBFbGVtZW50cyBvZiBUeXBvZ3JhcGhpYyBTdHlsZSB3aGljaCBhcmU6XG4gKiA5LCAxMCwgMTEsIDEyLCAxMywgMTQsIDE4LCAyNCwgMzYsIDQ4LCAoYWx0LiA2MCkgNjQsIDcyLCA5NiwgMTQ0LCAyODhcbiAqIFxuICogWW91J3JlIGVuY291cmFnZWQgdG8gY2hhbmdlIHRoZXNlIHNldHR0aW5ncyB0byB3aGF0ZXZlciBzdWl0cyB5b3VyIGFwcCdzIG5lZWRzXG4gKiBiZXN04oCUdGhlc2UgYXJlIGp1c3Qgc2Vuc2libGUgZGVmYXVsdHMgdG8gZ2V0IHlvdSBzdGFydGVkLlxuICovXG5cbjpyb290IHtcbiAgLS1hZ25vc3RpY3VpLWZvbnQtZmFtaWx5OiAtYXBwbGUtc3lzdGVtLCBCbGlua01hY1N5c3RlbUZvbnQsIFwiU2Vnb2UgVUlcIiwgXCJPcGVuIFNhbnNcIiwgXCJVYnVudHVcIiwgXCJGaXJhIFNhbnNcIiwgSGVsdmV0aWNhLCBcIkRyb2lkIFNhbnNcIiwgXCJIZWx2ZXRpY2EgTmV1ZVwiLCBzYW5zLXNlcmlmLCBcIkFwcGxlIENvbG9yIEVtb2ppXCIsIFwiU2Vnb2UgVUkgRW1vamlcIiwgXCJTZWdvZSBVSSBTeW1ib2xcIjtcbiAgLS1hZ25vc3RpY3VpLWZvbnQtZmFtaWx5LXNlcmlmOiBHZW9yZ2lhLCBDYW1icmlhLCBcIlRpbWVzIE5ldyBSb21hblwiLCBUaW1lcywgc2VyaWY7XG4gIC0tYWdub3N0aWN1aS1mb250LWZhbWlseS1tb25vOiBTRk1vbm8tUmVndWxhciwgTWVubG8sIE1vbmFjbywgQ29uc29sYXMsIFwiTGliZXJhdGlvbiBNb25vXCIsIFwiQ291cmllciBOZXdcIiwgbW9ub3NwYWNlO1xuICAtLWFnbm9zdGljdWktaDE6IDY0cHg7XG4gIC0tYWdub3N0aWN1aS1oMjogNDhweDtcbiAgLS1hZ25vc3RpY3VpLWgzOiAzNnB4O1xuICAtLWFnbm9zdGljdWktaDQ6IDI0cHg7XG4gIC0tYWdub3N0aWN1aS1oNTogMThweDtcbiAgLS1hZ25vc3RpY3VpLWg2OiAxMnB4O1xuICAtLWFnbm9zdGljdWktYm9keTogMTZweDtcbiAgLS1hZ25vc3RpY3VpLWZvbnQtd2VpZ2h0LWJvbGQ6IDYwMDtcbiAgLS1hZ25vc3RpY3VpLWZvbnQtd2VpZ2h0LWxpZ2h0OiAzMDA7XG4gIC0tYWdub3N0aWN1aS1mb250LWNvbG9yOiAjMzMzMzMzO1xufVxuXG46cm9vdCB7XG4gIC0tYWdub3N0aWN1aS10aW1pbmctZmFzdDogMjAwbXM7XG4gIC0tYWdub3N0aWN1aS10aW1pbmctbWVkaXVtOiAzMDBtcztcbiAgLS1hZ25vc3RpY3VpLXRpbWluZy1zbG93OiA0NTBtcztcbn0iXX0= */ \ No newline at end of file diff --git a/agnosticui-css/css-dist/common.prefixed.min.css b/agnosticui-css/css-dist/common.prefixed.min.css index 595a5d240..c14843427 100644 --- a/agnosticui-css/css-dist/common.prefixed.min.css +++ b/agnosticui-css/css-dist/common.prefixed.min.css @@ -1 +1 @@ -:root{--agnosticui-primary:#077acb;--agnosticui-primary-from:#0662a2;--agnosticui-primary-to:#2087d0;--agnosticui-primary-hover:#2087d0;--agnosticui-secondary:#c94d2b;--agnosticui-secondary-from:#a33e23;--agnosticui-secondary-to:#bc583d;--agnosticui-secondary-hover:#bc583d;--agnosticui-error-color:#e42002;--agnosticui-gray-extra-light:#f8f8f8;--agnosticui-gray-light:#e9e9e9;--agnosticui-gray-mid:#d8d8d8;--agnosticui-gray-mid-dark:#ccc;--agnosticui-gray-dark:#757575;--agnosticui-dark:#333;--agnosticui-light:#fff}:root{--Space-80:80px;--Space-72:72px;--Space-64:64px;--Space-56:56px;--Space-48:48px;--Space-40:40px;--Space-32:32px;--Space-24:24px;--Space-16:16px;--Space-14:14px;--Space-12:12px;--Space-10:10px;--Space-8:8px;--Space-6:6px;--Space-4:4px;--agnosticui-vertical-pad:var(--Space-8);--agnosticui-line-height:20px;--agnosticui-side-padding:calc(1.5 * var(--Space-8))}:root{--agnosticui-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Open Sans","Ubuntu","Fira Sans",Helvetica,"Droid Sans","Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--agnosticui-font-family-serif:Georgia,Cambria,"Times New Roman",Times,serif;--agnosticui-font-family-mono:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--agnosticui-h1:64px;--agnosticui-h2:48px;--agnosticui-h3:36px;--agnosticui-h4:24px;--agnosticui-h5:18px;--agnosticui-h6:12px;--agnosticui-body:16px;--agnosticui-font-weight-bold:600;--agnosticui-font-weight-light:300;--agnosticui-font-color:#333}:root{--agnosticui-timing-fast:200ms;--agnosticui-timing-medium:300ms;--agnosticui-timing-slow:450ms} \ No newline at end of file +.width-full{width:100%}.screenreader-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:root{--agnosticui-primary:#077acb;--agnosticui-primary-from:#0662a2;--agnosticui-primary-to:#2087d0;--agnosticui-primary-hover:#2087d0;--agnosticui-secondary:#c94d2b;--agnosticui-secondary-from:#a33e23;--agnosticui-secondary-to:#bc583d;--agnosticui-secondary-hover:#bc583d;--agnosticui-error-color:#e42002;--agnosticui-gray-extra-light:#f8f8f8;--agnosticui-gray-light:#e9e9e9;--agnosticui-gray-mid:#d8d8d8;--agnosticui-gray-mid-dark:#ccc;--agnosticui-gray-dark:#757575;--agnosticui-dark:#333;--agnosticui-light:#fff}:root{--Space-80:80px;--Space-72:72px;--Space-64:64px;--Space-56:56px;--Space-48:48px;--Space-40:40px;--Space-32:32px;--Space-24:24px;--Space-16:16px;--Space-14:14px;--Space-12:12px;--Space-10:10px;--Space-8:8px;--Space-6:6px;--Space-4:4px;--agnosticui-vertical-pad:var(--Space-8);--agnosticui-line-height:20px;--agnosticui-side-padding:calc(1.5 * var(--Space-8))}:root{--agnosticui-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Open Sans","Ubuntu","Fira Sans",Helvetica,"Droid Sans","Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--agnosticui-font-family-serif:Georgia,Cambria,"Times New Roman",Times,serif;--agnosticui-font-family-mono:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--agnosticui-h1:64px;--agnosticui-h2:48px;--agnosticui-h3:36px;--agnosticui-h4:24px;--agnosticui-h5:18px;--agnosticui-h6:12px;--agnosticui-body:16px;--agnosticui-font-weight-bold:600;--agnosticui-font-weight-light:300;--agnosticui-font-color:#333}:root{--agnosticui-timing-fast:200ms;--agnosticui-timing-medium:300ms;--agnosticui-timing-slow:450ms} \ No newline at end of file diff --git a/agnosticui-css/demo-globals.css b/agnosticui-css/demo-globals.css index 6504b899c..cf3ae9a84 100644 --- a/agnosticui-css/demo-globals.css +++ b/agnosticui-css/demo-globals.css @@ -1,5 +1,6 @@ /* Using this turned out to be a bad idea -- since it needs to be compiled we won't see changes while dev'ing */ /* @import "css-dist/common.min.css"; */ +@import "utilities.css"; @import "colors.css"; @import "spacing.css"; @import "typography.css"; diff --git a/agnosticui-css/input.html b/agnosticui-css/input.html index b573f0abf..88d553d96 100644 --- a/agnosticui-css/input.html +++ b/agnosticui-css/input.html @@ -24,10 +24,6 @@ margin-bottom: 40px; } - .full-width { - width: 100%; - } - .label:not(.label-inline) { margin-top: var(--Space-16); } @@ -122,7 +118,7 @@

Text Input

Textarea

-
+
@@ -140,27 +136,27 @@

Textarea

Errors & Help Text

Apply help text by applying the field-help class.

-
+
Please fill out this field.

field-help-small and field-help-large

-
+
I'm smaller help text.
-
+
I'm larger help text.

Block level errors can be achieved declaritively by adding appropriate TYPE-error classes.

-
+
There's an error on this field. diff --git a/agnosticui-css/package.json b/agnosticui-css/package.json index 8d3635b37..629d30b3a 100644 --- a/agnosticui-css/package.json +++ b/agnosticui-css/package.json @@ -1,12 +1,12 @@ { "name": "agnosticui-css", - "version": "1.0.1-7", + "version": "1.0.3-11", "description": "AgnosticUI (css)", "license": "Apache-2.0", "main": "./index.html", "scripts": { "start": "concurrently \"http-server -a localhost -p 8001\" \"open http://localhost:8001/index.html\"", - "concat:css": "concat -o ./css-dist/common.concat.css ./colors.css ./spacing.css ./typography.css ./motion.css", + "concat:css": "concat -o ./css-dist/common.concat.css ./utilities.css ./colors.css ./spacing.css ./typography.css ./motion.css", "prefix:css": "postcss --use autoprefixer -b \"last 2 versions\" ./css-dist/common.concat.css -o ./css-dist/common.prefixed.css", "min:css": "css-minify -f ./css-dist/common.prefixed.css", "cp:css": "cp ./css-dist/common.prefixed.min.css ./css-dist/common.min.css", diff --git a/agnosticui-css/utilities.css b/agnosticui-css/utilities.css new file mode 100644 index 000000000..6d7010255 --- /dev/null +++ b/agnosticui-css/utilities.css @@ -0,0 +1,18 @@ +/* No I'm not going to fucking use 2000 css utilities, and, ahem, they've been around +forever so don't tell me their proliferation is this new thing. I'll introduce these +on an as-needed and pragmatic basis because I know how to write CSS. WTF. Rant over :) */ +.width-full { + width: 100%; +} + +.screenreader-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; +} diff --git a/agnosticui-react/src/css/common.min.css b/agnosticui-react/src/css/common.min.css index 595a5d240..c14843427 100644 --- a/agnosticui-react/src/css/common.min.css +++ b/agnosticui-react/src/css/common.min.css @@ -1 +1 @@ -:root{--agnosticui-primary:#077acb;--agnosticui-primary-from:#0662a2;--agnosticui-primary-to:#2087d0;--agnosticui-primary-hover:#2087d0;--agnosticui-secondary:#c94d2b;--agnosticui-secondary-from:#a33e23;--agnosticui-secondary-to:#bc583d;--agnosticui-secondary-hover:#bc583d;--agnosticui-error-color:#e42002;--agnosticui-gray-extra-light:#f8f8f8;--agnosticui-gray-light:#e9e9e9;--agnosticui-gray-mid:#d8d8d8;--agnosticui-gray-mid-dark:#ccc;--agnosticui-gray-dark:#757575;--agnosticui-dark:#333;--agnosticui-light:#fff}:root{--Space-80:80px;--Space-72:72px;--Space-64:64px;--Space-56:56px;--Space-48:48px;--Space-40:40px;--Space-32:32px;--Space-24:24px;--Space-16:16px;--Space-14:14px;--Space-12:12px;--Space-10:10px;--Space-8:8px;--Space-6:6px;--Space-4:4px;--agnosticui-vertical-pad:var(--Space-8);--agnosticui-line-height:20px;--agnosticui-side-padding:calc(1.5 * var(--Space-8))}:root{--agnosticui-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Open Sans","Ubuntu","Fira Sans",Helvetica,"Droid Sans","Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--agnosticui-font-family-serif:Georgia,Cambria,"Times New Roman",Times,serif;--agnosticui-font-family-mono:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--agnosticui-h1:64px;--agnosticui-h2:48px;--agnosticui-h3:36px;--agnosticui-h4:24px;--agnosticui-h5:18px;--agnosticui-h6:12px;--agnosticui-body:16px;--agnosticui-font-weight-bold:600;--agnosticui-font-weight-light:300;--agnosticui-font-color:#333}:root{--agnosticui-timing-fast:200ms;--agnosticui-timing-medium:300ms;--agnosticui-timing-slow:450ms} \ No newline at end of file +.width-full{width:100%}.screenreader-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:root{--agnosticui-primary:#077acb;--agnosticui-primary-from:#0662a2;--agnosticui-primary-to:#2087d0;--agnosticui-primary-hover:#2087d0;--agnosticui-secondary:#c94d2b;--agnosticui-secondary-from:#a33e23;--agnosticui-secondary-to:#bc583d;--agnosticui-secondary-hover:#bc583d;--agnosticui-error-color:#e42002;--agnosticui-gray-extra-light:#f8f8f8;--agnosticui-gray-light:#e9e9e9;--agnosticui-gray-mid:#d8d8d8;--agnosticui-gray-mid-dark:#ccc;--agnosticui-gray-dark:#757575;--agnosticui-dark:#333;--agnosticui-light:#fff}:root{--Space-80:80px;--Space-72:72px;--Space-64:64px;--Space-56:56px;--Space-48:48px;--Space-40:40px;--Space-32:32px;--Space-24:24px;--Space-16:16px;--Space-14:14px;--Space-12:12px;--Space-10:10px;--Space-8:8px;--Space-6:6px;--Space-4:4px;--agnosticui-vertical-pad:var(--Space-8);--agnosticui-line-height:20px;--agnosticui-side-padding:calc(1.5 * var(--Space-8))}:root{--agnosticui-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Open Sans","Ubuntu","Fira Sans",Helvetica,"Droid Sans","Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--agnosticui-font-family-serif:Georgia,Cambria,"Times New Roman",Times,serif;--agnosticui-font-family-mono:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--agnosticui-h1:64px;--agnosticui-h2:48px;--agnosticui-h3:36px;--agnosticui-h4:24px;--agnosticui-h5:18px;--agnosticui-h6:12px;--agnosticui-body:16px;--agnosticui-font-weight-bold:600;--agnosticui-font-weight-light:300;--agnosticui-font-color:#333}:root{--agnosticui-timing-fast:200ms;--agnosticui-timing-medium:300ms;--agnosticui-timing-slow:450ms} \ No newline at end of file diff --git a/agnosticui-svelte/src/__snapshots__/Storyshots.test.js.snap b/agnosticui-svelte/src/__snapshots__/Storyshots.test.js.snap index 0a0645e6d..00350f383 100644 --- a/agnosticui-svelte/src/__snapshots__/Storyshots.test.js.snap +++ b/agnosticui-svelte/src/__snapshots__/Storyshots.test.js.snap @@ -1008,7 +1008,9 @@ exports[`Storyshots Input Addons Example Input Addons Test 1`] = `
-
+