From eb59965aa21d6fbe65de1581f5160e1d358b2c1d Mon Sep 17 00:00:00 2001 From: Rob Levin Date: Tue, 6 Oct 2020 07:18:04 -0700 Subject: [PATCH] Fixes overall line-height -- I had two defs for this 1.5 and 20px (removed the 1.5 one). Updates the Input.vue component --- agnosticui-css/css-dist/common.concat.css | 3 - agnosticui-css/css-dist/common.min.css | 2 +- agnosticui-css/css-dist/common.prefixed.css | 5 +- .../css-dist/common.prefixed.min.css | 2 +- agnosticui-css/input.css | 17 +- agnosticui-css/typography.css | 1 - agnosticui-react/src/css/common.min.css | 2 +- agnosticui-svelte/src/css/common.min.css | 2 +- agnosticui-vue/src/css/common.min.css | 2 +- agnosticui-vue/src/stories/Input.stories.js | 77 ++++++--- agnosticui-vue/src/stories/Input.vue | 160 +++++++++++++----- 11 files changed, 185 insertions(+), 88 deletions(-) diff --git a/agnosticui-css/css-dist/common.concat.css b/agnosticui-css/css-dist/common.concat.css index 4003418ec..7da47cad2 100644 --- a/agnosticui-css/css-dist/common.concat.css +++ b/agnosticui-css/css-dist/common.concat.css @@ -1,9 +1,7 @@ /** * Color tokens */ - :root { - /* Please, please, please, at mimimum redefine primary and secondary ;) */ --agnosticui-primary: #1087db; /* from / to are used for gradients and things like raised buttons */ --agnosticui-primary-from: #34a5f8; @@ -74,7 +72,6 @@ --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-line-height: 1.5; --agnosticui-h1: 64px; --agnosticui-h2: 48px; --agnosticui-h3: 36px; diff --git a/agnosticui-css/css-dist/common.min.css b/agnosticui-css/css-dist/common.min.css index 0f1a49972..30ec9cfcf 100644 --- a/agnosticui-css/css-dist/common.min.css +++ b/agnosticui-css/css-dist/common.min.css @@ -1 +1 @@ -:root{--agnosticui-primary:#1087db;--agnosticui-primary-from:#34a5f8;--agnosticui-primary-to:#088ef0;--agnosticui-primary-hover:#42abf8;--agnosticui-secondary:#ff4351;--agnosticui-secondary-from:#ff5d69;--agnosticui-secondary-to:#ff2a39;--agnosticui-secondary-hover:#ff6c77;--agnosticui-gray-extra-light:#f8f8f8;--agnosticui-gray-light:#e9e9e9;--agnosticui-gray-mid:#d8d8d8;--agnosticui-gray-mid-dark:#ccc;--agnosticui-gray-dark:#aaa;--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-line-height:1.5;--agnosticui-h1:64px;--agnosticui-h2:48px;--agnosticui-h3:36px;--agnosticui-h4:24px;--agnosticui-h5:18px;--agnosticui-h6:14px;--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 +:root{--agnosticui-primary:#1087db;--agnosticui-primary-from:#34a5f8;--agnosticui-primary-to:#088ef0;--agnosticui-primary-hover:#42abf8;--agnosticui-secondary:#ff4351;--agnosticui-secondary-from:#ff5d69;--agnosticui-secondary-to:#ff2a39;--agnosticui-secondary-hover:#ff6c77;--agnosticui-gray-extra-light:#f8f8f8;--agnosticui-gray-light:#e9e9e9;--agnosticui-gray-mid:#d8d8d8;--agnosticui-gray-mid-dark:#ccc;--agnosticui-gray-dark:#aaa;--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:14px;--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 a0c074f70..540f20f26 100644 --- a/agnosticui-css/css-dist/common.prefixed.css +++ b/agnosticui-css/css-dist/common.prefixed.css @@ -1,9 +1,7 @@ /** * Color tokens */ - :root { - /* Please, please, please, at mimimum redefine primary and secondary ;) */ --agnosticui-primary: #1087db; /* from / to are used for gradients and things like raised buttons */ --agnosticui-primary-from: #34a5f8; @@ -74,7 +72,6 @@ --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-line-height: 1.5; --agnosticui-h1: 64px; --agnosticui-h2: 48px; --agnosticui-h3: 36px; @@ -92,4 +89,4 @@ --agnosticui-timing-medium: 300ms; --agnosticui-timing-slow: 450ms; } -/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbW1vbi5jb25jYXQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0VBQ0UseUVBQXlFO0VBQ3pFLDZCQUE2QjtFQUM3QixvRUFBb0U7RUFDcEUsa0NBQWtDO0VBQ2xDLGdDQUFnQztFQUNoQyxtQ0FBbUM7RUFDbkMsK0JBQStCO0VBQy9CLG9DQUFvQztFQUNwQyxrQ0FBa0M7RUFDbEMscUNBQXFDO0VBQ3JDLHNDQUFzQztFQUN0QyxnQ0FBZ0M7RUFDaEMsOEJBQThCO0VBQzlCLG1DQUFtQztFQUNuQywrQkFBK0I7RUFDL0IsMEJBQTBCO0VBQzFCLDJCQUEyQjtFQUMzQixrREFBa0Q7QUFDcEQ7O0FBRUE7Ozs7Ozs7Ozs7Ozs7RUFhRTtBQUNGO0VBQ0UsZ0JBQWdCO0VBQ2hCLGdCQUFnQjtFQUNoQixnQkFBZ0I7RUFDaEIsZ0JBQWdCO0VBQ2hCLGdCQUFnQjtFQUNoQixnQkFBZ0I7RUFDaEIsZ0JBQWdCO0VBQ2hCLGdCQUFnQjtFQUNoQixnQkFBZ0I7RUFDaEIsZ0JBQWdCO0VBQ2hCLGdCQUFnQjtFQUNoQixnQkFBZ0I7RUFDaEIsY0FBYztFQUNkLGNBQWM7RUFDZCxjQUFjOztFQUVkLHlDQUF5QztFQUN6Qyw4QkFBOEI7RUFDOUIscURBQXFEO0FBQ3ZEOztBQUVBOzs7Ozs7Ozs7RUFTRTs7QUFFRjtFQUNFLDROQUE0TjtFQUM1TixpRkFBaUY7RUFDakYsbUhBQW1IO0VBQ25ILDZCQUE2QjtFQUM3QixxQkFBcUI7RUFDckIscUJBQXFCO0VBQ3JCLHFCQUFxQjtFQUNyQixxQkFBcUI7RUFDckIscUJBQXFCO0VBQ3JCLHFCQUFxQjtFQUNyQix1QkFBdUI7RUFDdkIsa0NBQWtDO0VBQ2xDLG1DQUFtQztFQUNuQyxnQ0FBZ0M7QUFDbEM7O0FBRUE7RUFDRSwrQkFBK0I7RUFDL0IsaUNBQWlDO0VBQ2pDLCtCQUErQjtBQUNqQyIsImZpbGUiOiJjb21tb24ucHJlZml4ZWQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb2xvciB0b2tlbnNcbiAqL1xuXG46cm9vdCB7XG4gIC8qIFBsZWFzZSwgcGxlYXNlLCBwbGVhc2UsIGF0IG1pbWltdW0gcmVkZWZpbmUgcHJpbWFyeSBhbmQgc2Vjb25kYXJ5IDspICovXG4gIC0tYWdub3N0aWN1aS1wcmltYXJ5OiAjMTA4N2RiO1xuICAvKiBmcm9tIC8gdG8gYXJlIHVzZWQgZm9yIGdyYWRpZW50cyBhbmQgdGhpbmdzIGxpa2UgcmFpc2VkIGJ1dHRvbnMgKi9cbiAgLS1hZ25vc3RpY3VpLXByaW1hcnktZnJvbTogIzM0YTVmODtcbiAgLS1hZ25vc3RpY3VpLXByaW1hcnktdG86ICMwODhlZjA7XG4gIC0tYWdub3N0aWN1aS1wcmltYXJ5LWhvdmVyOiAjNDJhYmY4O1xuICAtLWFnbm9zdGljdWktc2Vjb25kYXJ5OiAjZmY0MzUxO1xuICAtLWFnbm9zdGljdWktc2Vjb25kYXJ5LWZyb206ICNmZjVkNjk7XG4gIC0tYWdub3N0aWN1aS1zZWNvbmRhcnktdG86ICNmZjJhMzk7XG4gIC0tYWdub3N0aWN1aS1zZWNvbmRhcnktaG92ZXI6ICNmZjZjNzc7XG4gIC0tYWdub3N0aWN1aS1ncmF5LWV4dHJhLWxpZ2h0OiAjZjhmOGY4O1xuICAtLWFnbm9zdGljdWktZ3JheS1saWdodDogI2U5ZTllOTtcbiAgLS1hZ25vc3RpY3VpLWdyYXktbWlkOiAjZDhkOGQ4O1xuICAtLWFnbm9zdGljdWktZ3JheS1taWQtZGFyazogI2NjY2NjYztcbiAgLS1hZ25vc3RpY3VpLWdyYXktZGFyazogI2FhYWFhYTtcbiAgLS1hZ25vc3RpY3VpLWRhcms6ICMzMzMzMzM7XG4gIC0tYWdub3N0aWN1aS1saWdodDogI2ZmZmZmZjtcbiAgLyogQ2FwdGlvbiwgU3ViLWhlYWRpbmcsIGV0Yy4sIGNhbiBiZSBhZGRlZCBoZXJlICovXG59XG5cbi8qKlxuICogU3BhY2UgdG9rZW5zXG4gKlxuICogVGhlc2Ugc3BhY2luZyB0b2tlbnMgYXJlLCBlc3NlbnRpYWxseSwgbGl0ZXJhbHMgZm9yIHVzZSBvbiBhXG4gKiBzbGlnaHRseSBtb2RpZmllZCA4cHQgZ3JpZCwgYnV0IGFsc28gY29udmVyZ2UgY29udmVuaWVudGx5IHdpdGhcbiAqIHNvbWUgY29tbW9uIHR5cGUgc2NhbGUgYm91bmRhcmllczpcbiAqIDEwLCAxMiwgMTQsIDE4LCAyNCwgMzYsIDQ4LCA2NCwgNzJcbiAqIE5vdGUsIHRoYXQgd2UgZG8gbm90IHByZWZpeCB0aGVzZSB3aXRoIGBhZ25vc3RpYy1kZWZhdWx0LWAgYXNcbiAqIHRoZXkncmUgbm90IG1lYW50IHRvIGJlIG92ZXJyaWRlbiBhbmQgbWFpbmx5IHVzZWQ6XG4gKiAxLiBpbnRlcm5hbGx5IHdpdGhpbiBBZ25vc3RpY1VJXG4gKiAyLiBvcHRpb25hbGx5IGJ5IHlvdXIgYXBwIGlmIHlvdSBsaWtlIHRoZXNlIGFuZCB3YW50IHRvXG4gKiBpbXBvcnQgdGhlbSBmb3IgZXhhbXBsZS5cbiAqIEZlZWwgZnJlZSB0byB1c2UgeW91ciBzcGFjaW5nIHNjYWxlIGlmIHlvdSBzbyBkZXNpcmUuXG4gKi9cbjpyb290IHtcbiAgLS1TcGFjZS04MDogODBweDtcbiAgLS1TcGFjZS03MjogNzJweDtcbiAgLS1TcGFjZS02NDogNjRweDtcbiAgLS1TcGFjZS01NjogNTZweDtcbiAgLS1TcGFjZS00ODogNDhweDtcbiAgLS1TcGFjZS00MDogNDBweDtcbiAgLS1TcGFjZS0zMjogMzJweDtcbiAgLS1TcGFjZS0yNDogMjRweDtcbiAgLS1TcGFjZS0xNjogMTZweDtcbiAgLS1TcGFjZS0xNDogMTRweDtcbiAgLS1TcGFjZS0xMjogMTJweDtcbiAgLS1TcGFjZS0xMDogMTBweDtcbiAgLS1TcGFjZS04OiA4cHg7XG4gIC0tU3BhY2UtNjogNnB4O1xuICAtLVNwYWNlLTQ6IDRweDtcblxuICAtLWFnbm9zdGljdWktdmVydGljYWwtcGFkOiB2YXIoLS1TcGFjZS04KTtcbiAgLS1hZ25vc3RpY3VpLWxpbmUtaGVpZ2h0OiAyMHB4O1xuICAtLWFnbm9zdGljdWktc2lkZS1wYWRkaW5nOiBjYWxjKDEuNSAqIHZhcigtLVNwYWNlLTgpKTtcbn1cblxuLyoqXG4gKiBGb250IHNpemUgdG9rZW5zXG4gKiBUaGVzZSBhcmUgcGVyaGFwcyBhIGJpdCBhcmJpdHJhcnkgYnV0IHdlcmUgY2hvc2VuIGZyb20gYm90aCB0aGVcbiAqIGRlZmF1bHQgcG9pbnQgc2l6ZXMgZm9yIHR5cGUgaW4gT1MgWCwgYW5kIHRoZSBjbGFzc2ljIHR5cG9ncmFwaGljXG4gKiBzY2FsZSBhcyBwcm92aWRlZCBieSBUaGUgRWxlbWVudHMgb2YgVHlwb2dyYXBoaWMgU3R5bGUgd2hpY2ggYXJlOlxuICogOSwgMTAsIDExLCAxMiwgMTMsIDE0LCAxOCwgMjQsIDM2LCA0OCwgKGFsdC4gNjApIDY0LCA3MiwgOTYsIDE0NCwgMjg4XG4gKiBcbiAqIFlvdSdyZSBlbmNvdXJhZ2VkIHRvIGNoYW5nZSB0aGVzZSBzZXR0dGluZ3MgdG8gd2hhdGV2ZXIgc3VpdHMgeW91ciBhcHAncyBuZWVkc1xuICogYmVzdOKAlHRoZXNlIGFyZSBqdXN0IHNlbnNpYmxlIGRlZmF1bHRzIHRvIGdldCB5b3Ugc3RhcnRlZC5cbiAqL1xuXG46cm9vdCB7XG4gIC0tYWdub3N0aWN1aS1mb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCBcIlNlZ29lIFVJXCIsIFwiT3BlbiBTYW5zXCIsIFwiVWJ1bnR1XCIsIFwiRmlyYSBTYW5zXCIsIEhlbHZldGljYSwgXCJEcm9pZCBTYW5zXCIsIFwiSGVsdmV0aWNhIE5ldWVcIiwgc2Fucy1zZXJpZiwgXCJBcHBsZSBDb2xvciBFbW9qaVwiLCBcIlNlZ29lIFVJIEVtb2ppXCIsIFwiU2Vnb2UgVUkgU3ltYm9sXCI7XG4gIC0tYWdub3N0aWN1aS1mb250LWZhbWlseS1zZXJpZjogR2VvcmdpYSwgQ2FtYnJpYSwgXCJUaW1lcyBOZXcgUm9tYW5cIiwgVGltZXMsIHNlcmlmO1xuICAtLWFnbm9zdGljdWktZm9udC1mYW1pbHktbW9ubzogU0ZNb25vLVJlZ3VsYXIsIE1lbmxvLCBNb25hY28sIENvbnNvbGFzLCBcIkxpYmVyYXRpb24gTW9ub1wiLCBcIkNvdXJpZXIgTmV3XCIsIG1vbm9zcGFjZTtcbiAgLS1hZ25vc3RpY3VpLWxpbmUtaGVpZ2h0OiAxLjU7XG4gIC0tYWdub3N0aWN1aS1oMTogNjRweDtcbiAgLS1hZ25vc3RpY3VpLWgyOiA0OHB4O1xuICAtLWFnbm9zdGljdWktaDM6IDM2cHg7XG4gIC0tYWdub3N0aWN1aS1oNDogMjRweDtcbiAgLS1hZ25vc3RpY3VpLWg1OiAxOHB4O1xuICAtLWFnbm9zdGljdWktaDY6IDE0cHg7XG4gIC0tYWdub3N0aWN1aS1ib2R5OiAxNnB4O1xuICAtLWFnbm9zdGljdWktZm9udC13ZWlnaHQtYm9sZDogNjAwO1xuICAtLWFnbm9zdGljdWktZm9udC13ZWlnaHQtbGlnaHQ6IDMwMDtcbiAgLS1hZ25vc3RpY3VpLWZvbnQtY29sb3I6ICMzMzMzMzM7XG59XG5cbjpyb290IHtcbiAgLS1hZ25vc3RpY3VpLXRpbWluZy1mYXN0OiAyMDBtcztcbiAgLS1hZ25vc3RpY3VpLXRpbWluZy1tZWRpdW06IDMwMG1zO1xuICAtLWFnbm9zdGljdWktdGltaW5nLXNsb3c6IDQ1MG1zO1xufSJdfQ== */ \ No newline at end of file +/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbW1vbi5jb25jYXQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFO0FBQ0Y7RUFDRSw2QkFBNkI7RUFDN0Isb0VBQW9FO0VBQ3BFLGtDQUFrQztFQUNsQyxnQ0FBZ0M7RUFDaEMsbUNBQW1DO0VBQ25DLCtCQUErQjtFQUMvQixvQ0FBb0M7RUFDcEMsa0NBQWtDO0VBQ2xDLHFDQUFxQztFQUNyQyxzQ0FBc0M7RUFDdEMsZ0NBQWdDO0VBQ2hDLDhCQUE4QjtFQUM5QixtQ0FBbUM7RUFDbkMsK0JBQStCO0VBQy9CLDBCQUEwQjtFQUMxQiwyQkFBMkI7RUFDM0Isa0RBQWtEO0FBQ3BEOztBQUVBOzs7Ozs7Ozs7Ozs7O0VBYUU7QUFDRjtFQUNFLGdCQUFnQjtFQUNoQixnQkFBZ0I7RUFDaEIsZ0JBQWdCO0VBQ2hCLGdCQUFnQjtFQUNoQixnQkFBZ0I7RUFDaEIsZ0JBQWdCO0VBQ2hCLGdCQUFnQjtFQUNoQixnQkFBZ0I7RUFDaEIsZ0JBQWdCO0VBQ2hCLGdCQUFnQjtFQUNoQixnQkFBZ0I7RUFDaEIsZ0JBQWdCO0VBQ2hCLGNBQWM7RUFDZCxjQUFjO0VBQ2QsY0FBYzs7RUFFZCx5Q0FBeUM7RUFDekMsOEJBQThCO0VBQzlCLHFEQUFxRDtBQUN2RDs7QUFFQTs7Ozs7Ozs7O0VBU0U7O0FBRUY7RUFDRSw0TkFBNE47RUFDNU4saUZBQWlGO0VBQ2pGLG1IQUFtSDtFQUNuSCxxQkFBcUI7RUFDckIscUJBQXFCO0VBQ3JCLHFCQUFxQjtFQUNyQixxQkFBcUI7RUFDckIscUJBQXFCO0VBQ3JCLHFCQUFxQjtFQUNyQix1QkFBdUI7RUFDdkIsa0NBQWtDO0VBQ2xDLG1DQUFtQztFQUNuQyxnQ0FBZ0M7QUFDbEM7O0FBRUE7RUFDRSwrQkFBK0I7RUFDL0IsaUNBQWlDO0VBQ2pDLCtCQUErQjtBQUNqQyIsImZpbGUiOiJjb21tb24ucHJlZml4ZWQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb2xvciB0b2tlbnNcbiAqL1xuOnJvb3Qge1xuICAtLWFnbm9zdGljdWktcHJpbWFyeTogIzEwODdkYjtcbiAgLyogZnJvbSAvIHRvIGFyZSB1c2VkIGZvciBncmFkaWVudHMgYW5kIHRoaW5ncyBsaWtlIHJhaXNlZCBidXR0b25zICovXG4gIC0tYWdub3N0aWN1aS1wcmltYXJ5LWZyb206ICMzNGE1Zjg7XG4gIC0tYWdub3N0aWN1aS1wcmltYXJ5LXRvOiAjMDg4ZWYwO1xuICAtLWFnbm9zdGljdWktcHJpbWFyeS1ob3ZlcjogIzQyYWJmODtcbiAgLS1hZ25vc3RpY3VpLXNlY29uZGFyeTogI2ZmNDM1MTtcbiAgLS1hZ25vc3RpY3VpLXNlY29uZGFyeS1mcm9tOiAjZmY1ZDY5O1xuICAtLWFnbm9zdGljdWktc2Vjb25kYXJ5LXRvOiAjZmYyYTM5O1xuICAtLWFnbm9zdGljdWktc2Vjb25kYXJ5LWhvdmVyOiAjZmY2Yzc3O1xuICAtLWFnbm9zdGljdWktZ3JheS1leHRyYS1saWdodDogI2Y4ZjhmODtcbiAgLS1hZ25vc3RpY3VpLWdyYXktbGlnaHQ6ICNlOWU5ZTk7XG4gIC0tYWdub3N0aWN1aS1ncmF5LW1pZDogI2Q4ZDhkODtcbiAgLS1hZ25vc3RpY3VpLWdyYXktbWlkLWRhcms6ICNjY2NjY2M7XG4gIC0tYWdub3N0aWN1aS1ncmF5LWRhcms6ICNhYWFhYWE7XG4gIC0tYWdub3N0aWN1aS1kYXJrOiAjMzMzMzMzO1xuICAtLWFnbm9zdGljdWktbGlnaHQ6ICNmZmZmZmY7XG4gIC8qIENhcHRpb24sIFN1Yi1oZWFkaW5nLCBldGMuLCBjYW4gYmUgYWRkZWQgaGVyZSAqL1xufVxuXG4vKipcbiAqIFNwYWNlIHRva2Vuc1xuICpcbiAqIFRoZXNlIHNwYWNpbmcgdG9rZW5zIGFyZSwgZXNzZW50aWFsbHksIGxpdGVyYWxzIGZvciB1c2Ugb24gYVxuICogc2xpZ2h0bHkgbW9kaWZpZWQgOHB0IGdyaWQsIGJ1dCBhbHNvIGNvbnZlcmdlIGNvbnZlbmllbnRseSB3aXRoXG4gKiBzb21lIGNvbW1vbiB0eXBlIHNjYWxlIGJvdW5kYXJpZXM6XG4gKiAxMCwgMTIsIDE0LCAxOCwgMjQsIDM2LCA0OCwgNjQsIDcyXG4gKiBOb3RlLCB0aGF0IHdlIGRvIG5vdCBwcmVmaXggdGhlc2Ugd2l0aCBgYWdub3N0aWMtZGVmYXVsdC1gIGFzXG4gKiB0aGV5J3JlIG5vdCBtZWFudCB0byBiZSBvdmVycmlkZW4gYW5kIG1haW5seSB1c2VkOlxuICogMS4gaW50ZXJuYWxseSB3aXRoaW4gQWdub3N0aWNVSVxuICogMi4gb3B0aW9uYWxseSBieSB5b3VyIGFwcCBpZiB5b3UgbGlrZSB0aGVzZSBhbmQgd2FudCB0b1xuICogaW1wb3J0IHRoZW0gZm9yIGV4YW1wbGUuXG4gKiBGZWVsIGZyZWUgdG8gdXNlIHlvdXIgc3BhY2luZyBzY2FsZSBpZiB5b3Ugc28gZGVzaXJlLlxuICovXG46cm9vdCB7XG4gIC0tU3BhY2UtODA6IDgwcHg7XG4gIC0tU3BhY2UtNzI6IDcycHg7XG4gIC0tU3BhY2UtNjQ6IDY0cHg7XG4gIC0tU3BhY2UtNTY6IDU2cHg7XG4gIC0tU3BhY2UtNDg6IDQ4cHg7XG4gIC0tU3BhY2UtNDA6IDQwcHg7XG4gIC0tU3BhY2UtMzI6IDMycHg7XG4gIC0tU3BhY2UtMjQ6IDI0cHg7XG4gIC0tU3BhY2UtMTY6IDE2cHg7XG4gIC0tU3BhY2UtMTQ6IDE0cHg7XG4gIC0tU3BhY2UtMTI6IDEycHg7XG4gIC0tU3BhY2UtMTA6IDEwcHg7XG4gIC0tU3BhY2UtODogOHB4O1xuICAtLVNwYWNlLTY6IDZweDtcbiAgLS1TcGFjZS00OiA0cHg7XG5cbiAgLS1hZ25vc3RpY3VpLXZlcnRpY2FsLXBhZDogdmFyKC0tU3BhY2UtOCk7XG4gIC0tYWdub3N0aWN1aS1saW5lLWhlaWdodDogMjBweDtcbiAgLS1hZ25vc3RpY3VpLXNpZGUtcGFkZGluZzogY2FsYygxLjUgKiB2YXIoLS1TcGFjZS04KSk7XG59XG5cbi8qKlxuICogRm9udCBzaXplIHRva2Vuc1xuICogVGhlc2UgYXJlIHBlcmhhcHMgYSBiaXQgYXJiaXRyYXJ5IGJ1dCB3ZXJlIGNob3NlbiBmcm9tIGJvdGggdGhlXG4gKiBkZWZhdWx0IHBvaW50IHNpemVzIGZvciB0eXBlIGluIE9TIFgsIGFuZCB0aGUgY2xhc3NpYyB0eXBvZ3JhcGhpY1xuICogc2NhbGUgYXMgcHJvdmlkZWQgYnkgVGhlIEVsZW1lbnRzIG9mIFR5cG9ncmFwaGljIFN0eWxlIHdoaWNoIGFyZTpcbiAqIDksIDEwLCAxMSwgMTIsIDEzLCAxNCwgMTgsIDI0LCAzNiwgNDgsIChhbHQuIDYwKSA2NCwgNzIsIDk2LCAxNDQsIDI4OFxuICogXG4gKiBZb3UncmUgZW5jb3VyYWdlZCB0byBjaGFuZ2UgdGhlc2Ugc2V0dHRpbmdzIHRvIHdoYXRldmVyIHN1aXRzIHlvdXIgYXBwJ3MgbmVlZHNcbiAqIGJlc3TigJR0aGVzZSBhcmUganVzdCBzZW5zaWJsZSBkZWZhdWx0cyB0byBnZXQgeW91IHN0YXJ0ZWQuXG4gKi9cblxuOnJvb3Qge1xuICAtLWFnbm9zdGljdWktZm9udC1mYW1pbHk6IC1hcHBsZS1zeXN0ZW0sIEJsaW5rTWFjU3lzdGVtRm9udCwgXCJTZWdvZSBVSVwiLCBcIk9wZW4gU2Fuc1wiLCBcIlVidW50dVwiLCBcIkZpcmEgU2Fuc1wiLCBIZWx2ZXRpY2EsIFwiRHJvaWQgU2Fuc1wiLCBcIkhlbHZldGljYSBOZXVlXCIsIHNhbnMtc2VyaWYsIFwiQXBwbGUgQ29sb3IgRW1vamlcIiwgXCJTZWdvZSBVSSBFbW9qaVwiLCBcIlNlZ29lIFVJIFN5bWJvbFwiO1xuICAtLWFnbm9zdGljdWktZm9udC1mYW1pbHktc2VyaWY6IEdlb3JnaWEsIENhbWJyaWEsIFwiVGltZXMgTmV3IFJvbWFuXCIsIFRpbWVzLCBzZXJpZjtcbiAgLS1hZ25vc3RpY3VpLWZvbnQtZmFtaWx5LW1vbm86IFNGTW9uby1SZWd1bGFyLCBNZW5sbywgTW9uYWNvLCBDb25zb2xhcywgXCJMaWJlcmF0aW9uIE1vbm9cIiwgXCJDb3VyaWVyIE5ld1wiLCBtb25vc3BhY2U7XG4gIC0tYWdub3N0aWN1aS1oMTogNjRweDtcbiAgLS1hZ25vc3RpY3VpLWgyOiA0OHB4O1xuICAtLWFnbm9zdGljdWktaDM6IDM2cHg7XG4gIC0tYWdub3N0aWN1aS1oNDogMjRweDtcbiAgLS1hZ25vc3RpY3VpLWg1OiAxOHB4O1xuICAtLWFnbm9zdGljdWktaDY6IDE0cHg7XG4gIC0tYWdub3N0aWN1aS1ib2R5OiAxNnB4O1xuICAtLWFnbm9zdGljdWktZm9udC13ZWlnaHQtYm9sZDogNjAwO1xuICAtLWFnbm9zdGljdWktZm9udC13ZWlnaHQtbGlnaHQ6IDMwMDtcbiAgLS1hZ25vc3RpY3VpLWZvbnQtY29sb3I6ICMzMzMzMzM7XG59XG5cbjpyb290IHtcbiAgLS1hZ25vc3RpY3VpLXRpbWluZy1mYXN0OiAyMDBtcztcbiAgLS1hZ25vc3RpY3VpLXRpbWluZy1tZWRpdW06IDMwMG1zO1xuICAtLWFnbm9zdGljdWktdGltaW5nLXNsb3c6IDQ1MG1zO1xufSJdfQ== */ \ 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 0f1a49972..30ec9cfcf 100644 --- a/agnosticui-css/css-dist/common.prefixed.min.css +++ b/agnosticui-css/css-dist/common.prefixed.min.css @@ -1 +1 @@ -:root{--agnosticui-primary:#1087db;--agnosticui-primary-from:#34a5f8;--agnosticui-primary-to:#088ef0;--agnosticui-primary-hover:#42abf8;--agnosticui-secondary:#ff4351;--agnosticui-secondary-from:#ff5d69;--agnosticui-secondary-to:#ff2a39;--agnosticui-secondary-hover:#ff6c77;--agnosticui-gray-extra-light:#f8f8f8;--agnosticui-gray-light:#e9e9e9;--agnosticui-gray-mid:#d8d8d8;--agnosticui-gray-mid-dark:#ccc;--agnosticui-gray-dark:#aaa;--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-line-height:1.5;--agnosticui-h1:64px;--agnosticui-h2:48px;--agnosticui-h3:36px;--agnosticui-h4:24px;--agnosticui-h5:18px;--agnosticui-h6:14px;--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 +:root{--agnosticui-primary:#1087db;--agnosticui-primary-from:#34a5f8;--agnosticui-primary-to:#088ef0;--agnosticui-primary-hover:#42abf8;--agnosticui-secondary:#ff4351;--agnosticui-secondary-from:#ff5d69;--agnosticui-secondary-to:#ff2a39;--agnosticui-secondary-hover:#ff6c77;--agnosticui-gray-extra-light:#f8f8f8;--agnosticui-gray-light:#e9e9e9;--agnosticui-gray-mid:#d8d8d8;--agnosticui-gray-mid-dark:#ccc;--agnosticui-gray-dark:#aaa;--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:14px;--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/input.css b/agnosticui-css/input.css index d29bf8a95..be86e069e 100644 --- a/agnosticui-css/input.css +++ b/agnosticui-css/input.css @@ -20,6 +20,8 @@ .field-error-small, .label-skin, .label, +.input-small, +.input-large, .input-skin, .input { /* These custom props all fallback on the agnosticui main variables so main theme is preserved */ @@ -187,7 +189,8 @@ * Sizes */ .input-large { - font-size: calc(var(--agnosticui-input-font-size) + var(--Space-4)); + font-size: calc(var(--agnosticui-input-font-size) + 4px); + line-height: calc(var(--agnosticui-input-line-height) + 4px); } .field-error-large, @@ -195,12 +198,10 @@ font-size: calc(var(--agnosticui-input-label-font-size) + 2px); } -.input-large { - line-height: calc(var(--agnosticui-input-line-height) + var(--Space-4)); -} - .input-small { - font-size: calc(var(--agnosticui-input-font-size) - var(--Space-4)); + /* TODO -- use + var(--Space-4) if they fix the bug I logged: https://github.com/GoogleChrome/samples/issues/705 */ + font-size: calc(var(--agnosticui-input-font-size) - 4px); + line-height: calc(var(--agnosticui-input-line-height) - 4px); } .field-error-small, @@ -210,10 +211,6 @@ font-size: calc(var(--agnosticui-input-label-font-size) - 2px); } -.input-small { - line-height: calc(var(--agnosticui-input-line-height) - var(--Space-4)); -} - .input:focus { box-shadow: 0 0 0 3px rgba(55, 149, 225, 0.5); /* High contrast mode outline */ diff --git a/agnosticui-css/typography.css b/agnosticui-css/typography.css index 8b316a9ac..c5948c6a4 100644 --- a/agnosticui-css/typography.css +++ b/agnosticui-css/typography.css @@ -13,7 +13,6 @@ --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-line-height: 1.5; --agnosticui-h1: 64px; --agnosticui-h2: 48px; --agnosticui-h3: 36px; diff --git a/agnosticui-react/src/css/common.min.css b/agnosticui-react/src/css/common.min.css index 0f1a49972..30ec9cfcf 100644 --- a/agnosticui-react/src/css/common.min.css +++ b/agnosticui-react/src/css/common.min.css @@ -1 +1 @@ -:root{--agnosticui-primary:#1087db;--agnosticui-primary-from:#34a5f8;--agnosticui-primary-to:#088ef0;--agnosticui-primary-hover:#42abf8;--agnosticui-secondary:#ff4351;--agnosticui-secondary-from:#ff5d69;--agnosticui-secondary-to:#ff2a39;--agnosticui-secondary-hover:#ff6c77;--agnosticui-gray-extra-light:#f8f8f8;--agnosticui-gray-light:#e9e9e9;--agnosticui-gray-mid:#d8d8d8;--agnosticui-gray-mid-dark:#ccc;--agnosticui-gray-dark:#aaa;--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-line-height:1.5;--agnosticui-h1:64px;--agnosticui-h2:48px;--agnosticui-h3:36px;--agnosticui-h4:24px;--agnosticui-h5:18px;--agnosticui-h6:14px;--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 +:root{--agnosticui-primary:#1087db;--agnosticui-primary-from:#34a5f8;--agnosticui-primary-to:#088ef0;--agnosticui-primary-hover:#42abf8;--agnosticui-secondary:#ff4351;--agnosticui-secondary-from:#ff5d69;--agnosticui-secondary-to:#ff2a39;--agnosticui-secondary-hover:#ff6c77;--agnosticui-gray-extra-light:#f8f8f8;--agnosticui-gray-light:#e9e9e9;--agnosticui-gray-mid:#d8d8d8;--agnosticui-gray-mid-dark:#ccc;--agnosticui-gray-dark:#aaa;--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:14px;--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/css/common.min.css b/agnosticui-svelte/src/css/common.min.css index 0f1a49972..30ec9cfcf 100644 --- a/agnosticui-svelte/src/css/common.min.css +++ b/agnosticui-svelte/src/css/common.min.css @@ -1 +1 @@ -:root{--agnosticui-primary:#1087db;--agnosticui-primary-from:#34a5f8;--agnosticui-primary-to:#088ef0;--agnosticui-primary-hover:#42abf8;--agnosticui-secondary:#ff4351;--agnosticui-secondary-from:#ff5d69;--agnosticui-secondary-to:#ff2a39;--agnosticui-secondary-hover:#ff6c77;--agnosticui-gray-extra-light:#f8f8f8;--agnosticui-gray-light:#e9e9e9;--agnosticui-gray-mid:#d8d8d8;--agnosticui-gray-mid-dark:#ccc;--agnosticui-gray-dark:#aaa;--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-line-height:1.5;--agnosticui-h1:64px;--agnosticui-h2:48px;--agnosticui-h3:36px;--agnosticui-h4:24px;--agnosticui-h5:18px;--agnosticui-h6:14px;--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 +:root{--agnosticui-primary:#1087db;--agnosticui-primary-from:#34a5f8;--agnosticui-primary-to:#088ef0;--agnosticui-primary-hover:#42abf8;--agnosticui-secondary:#ff4351;--agnosticui-secondary-from:#ff5d69;--agnosticui-secondary-to:#ff2a39;--agnosticui-secondary-hover:#ff6c77;--agnosticui-gray-extra-light:#f8f8f8;--agnosticui-gray-light:#e9e9e9;--agnosticui-gray-mid:#d8d8d8;--agnosticui-gray-mid-dark:#ccc;--agnosticui-gray-dark:#aaa;--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:14px;--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-vue/src/css/common.min.css b/agnosticui-vue/src/css/common.min.css index 0f1a49972..30ec9cfcf 100644 --- a/agnosticui-vue/src/css/common.min.css +++ b/agnosticui-vue/src/css/common.min.css @@ -1 +1 @@ -:root{--agnosticui-primary:#1087db;--agnosticui-primary-from:#34a5f8;--agnosticui-primary-to:#088ef0;--agnosticui-primary-hover:#42abf8;--agnosticui-secondary:#ff4351;--agnosticui-secondary-from:#ff5d69;--agnosticui-secondary-to:#ff2a39;--agnosticui-secondary-hover:#ff6c77;--agnosticui-gray-extra-light:#f8f8f8;--agnosticui-gray-light:#e9e9e9;--agnosticui-gray-mid:#d8d8d8;--agnosticui-gray-mid-dark:#ccc;--agnosticui-gray-dark:#aaa;--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-line-height:1.5;--agnosticui-h1:64px;--agnosticui-h2:48px;--agnosticui-h3:36px;--agnosticui-h4:24px;--agnosticui-h5:18px;--agnosticui-h6:14px;--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 +:root{--agnosticui-primary:#1087db;--agnosticui-primary-from:#34a5f8;--agnosticui-primary-to:#088ef0;--agnosticui-primary-hover:#42abf8;--agnosticui-secondary:#ff4351;--agnosticui-secondary-from:#ff5d69;--agnosticui-secondary-to:#ff2a39;--agnosticui-secondary-hover:#ff6c77;--agnosticui-gray-extra-light:#f8f8f8;--agnosticui-gray-light:#e9e9e9;--agnosticui-gray-mid:#d8d8d8;--agnosticui-gray-mid-dark:#ccc;--agnosticui-gray-dark:#aaa;--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:14px;--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-vue/src/stories/Input.stories.js b/agnosticui-vue/src/stories/Input.stories.js index d286f5808..026a481a0 100644 --- a/agnosticui-vue/src/stories/Input.stories.js +++ b/agnosticui-vue/src/stories/Input.stories.js @@ -14,7 +14,50 @@ export default { export const Default = () => ({ components: { Input }, - template: '', + template: '', + props: ['value'], + data() { + return { + name: '' + } + }, +}) + +export const Rounded = () => ({ + components: { Input }, + template: '', + props: ['value'], + data() { + return { + name: '' + } + }, +}) +export const Large = () => ({ + components: { Input }, + template: '', + props: ['value'], + data() { + return { + name: '' + } + }, +}) + +export const Small = () => ({ + components: { Input }, + template: '', + props: ['value'], + data() { + return { + name: '' + } + }, +}) + +export const Disabled = () => ({ + components: { Input }, + template: '', props: ['value'], data() { return { @@ -26,7 +69,7 @@ export const Default = () => ({ export const VModelInitialValueAndPropogatesAllNativeEvents = () => ({ components: { Input }, - template: '

Open console and do things like backspace, blur, enter, etc. Becuase we bind $listeners, all native events should be available.

Name: {{ name }}
', + template: '

Open console and do things like backspace, blur, enter, etc. Becuase we bind $listeners, all native events should be available.

Bound variable: {{ name }}
', data() { return { name: '' @@ -46,25 +89,7 @@ export const VModelInitialValueAndPropogatesAllNativeEvents = () => ({ export const Search = () => ({ components: { Input }, - template: '', - props: ['value', 'label', 'type'], - model: { - prop: 'value', - event: 'update', - }, - data() { - return { - name: '' - } - }, - methods: { - onEnter: (ev) => { console.log(ev) }, - }, -}); - -export const Color = () => ({ - components: { Input }, - template: '', + template: '', props: ['value', 'label', 'type'], model: { prop: 'value', @@ -82,7 +107,7 @@ export const Color = () => ({ export const Telephone = () => ({ components: { Input }, - template: '', + template: '', props: ['value', 'label', 'type'], model: { prop: 'value', @@ -100,7 +125,7 @@ export const Telephone = () => ({ export const URL = () => ({ components: { Input }, - template: '', + template: '', props: ['value', 'label', 'type'], model: { prop: 'value', @@ -118,7 +143,7 @@ export const URL = () => ({ export const Number = () => ({ components: { Input }, - template: '', + template: '', props: ['value', 'label', 'type'], model: { prop: 'value', @@ -137,7 +162,7 @@ export const Number = () => ({ export const Password = () => ({ components: { Input }, - template: '', + template: '', props: ['value', 'label', 'type'], model: { prop: 'value', @@ -155,7 +180,7 @@ export const Password = () => ({ export const Email = () => ({ components: { Input }, - template: '', + template: '', props: ['value', 'label', 'type'], model: { prop: 'value', diff --git a/agnosticui-vue/src/stories/Input.vue b/agnosticui-vue/src/stories/Input.vue index b1e5cf91e..47ee38ce9 100644 --- a/agnosticui-vue/src/stories/Input.vue +++ b/agnosticui-vue/src/stories/Input.vue @@ -1,10 +1,11 @@