this.gui 0.0.3 → 0.0.6

package/dist/style.css

@@ -0,0 +1 @@
+.heading{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.heading--primary{background-color:#e3f2fd;border-color:#1e88e5}.heading--secondary{background-color:#fff;border-color:#ccc}.heading--small{padding:8px}.heading--medium{padding:16px}.heading--large{padding:32px}.paragraph{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.paragraph--primary{background-color:#e3f2fd;border-color:#1e88e5}.paragraph--secondary{background-color:#fff;border-color:#ccc}.paragraph--small{padding:8px}.paragraph--medium{padding:16px}.paragraph--large{padding:32px}.label{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.label--primary{background-color:#e3f2fd;border-color:#1e88e5}.label--secondary{background-color:#fff;border-color:#ccc}.label--small{padding:8px}.label--medium{padding:16px}.label--large{padding:32px}.caption{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.caption--primary{background-color:#e3f2fd;border-color:#1e88e5}.caption--secondary{background-color:#fff;border-color:#ccc}.caption--small{padding:8px}.caption--medium{padding:16px}.caption--large{padding:32px}.container{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.container--primary{background-color:#e3f2fd;border-color:#1e88e5}.container--secondary{background-color:#fff;border-color:#ccc}.container--small{padding:8px}.container--medium{padding:16px}.container--large{padding:32px}.button{display:inline-block;padding:var(--button-padding, 10px 20px);border-radius:var(--button-border-radius, 8px);font-family:var(--button-font-family, "Roboto", sans-serif);font-size:var(--button-font-size, 14px);cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease;text-align:center;border:1px solid transparent;box-shadow:var(--button-box-shadow, 0 2px 4px rgba(0, 0, 0, .1))}.button--primary{background-color:var(--button-primary-bg-color, #00695c);color:var(--button-primary-text-color, #fff);border-color:var(--button-primary-border-color, #004d40)}.button--primary:hover{background-color:var(--button-primary-hover-bg-color, #004d40);box-shadow:var(--button-primary-hover-box-shadow, 0 4px 6px rgba(0, 0, 0, .1))}.button--secondary{background-color:var(--button-secondary-bg-color, #fff);color:var(--button-secondary-text-color, #00695c);border-color:var(--button-secondary-border-color, #00695c)}.button--secondary:hover{background-color:var(--button-secondary-hover-bg-color, #f0f0f0);box-shadow:var(--button-secondary-hover-box-shadow, 0 4px 6px rgba(0, 0, 0, .05))}.button--small{font-size:var(--button-small-font-size, 12px);padding:var(--button-small-padding, 6px 12px)}.button--medium{font-size:var(--button-medium-font-size, 14px);padding:var(--button-medium-padding, 10px 20px)}.button--large{font-size:var(--button-large-font-size, 16px);padding:var(--button-large-padding, 14px 28px)}.button--no-border{background-color:var(--button-no-border-bg-color, transparent);color:var(--button-no-border-text-color, #00695c);border:var(--button-no-border-border, none);border-bottom:var(--button-no-border-border-bottom, 2px solid #00695c);border-radius:var(--button-no-border-border-radius, 0);padding:var(--button-no-border-padding, 0)}.button--no-border:hover{border-bottom:var(--button-no-border-hover-border-bottom, 2px solid #004d40);background-color:var(--button-no-border-hover-bg-color, transparent);box-shadow:var(--button-no-border-hover-box-shadow, none)}.link{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.link--primary{background-color:#e3f2fd;border-color:#1e88e5}.link--secondary{background-color:#fff;border-color:#ccc}.link--small{padding:8px}.link--medium{padding:16px}.link--large{padding:32px}.icon{display:inline-block;vertical-align:middle}.icon--small{width:16px;height:16px}.icon--medium{width:24px;height:24px}.icon--large{width:32px;height:32px}.icon--primary{fill:#1e88e5}.icon--secondary{fill:#757575}.icon--success{fill:#43a047}.icon--danger{fill:#e53935}.icon--warning{fill:#fdd835}.icon--info{fill:#039be5}.checkbox{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.checkbox--primary{background-color:#e3f2fd;border-color:#1e88e5}.checkbox--secondary{background-color:#fff;border-color:#ccc}.checkbox--small{padding:8px}.checkbox--medium{padding:16px}.checkbox--large{padding:32px}.radiobutton{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.radiobutton--primary{background-color:#e3f2fd;border-color:#1e88e5}.radiobutton--secondary{background-color:#fff;border-color:#ccc}.radiobutton--small{padding:8px}.radiobutton--medium{padding:16px}.radiobutton--large{padding:32px}.toggle{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.toggle--primary{background-color:#e3f2fd;border-color:#1e88e5}.toggle--secondary{background-color:#fff;border-color:#ccc}.toggle--small{padding:8px}.toggle--medium{padding:16px}.toggle--large{padding:32px}.textinput{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.textinput--primary{background-color:#e3f2fd;border-color:#1e88e5}.textinput--secondary{background-color:#fff;border-color:#ccc}.textinput--small{padding:8px}.textinput--medium{padding:16px}.textinput--large{padding:32px}.textarea{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.textarea--primary{background-color:#e3f2fd;border-color:#1e88e5}.textarea--secondary{background-color:#fff;border-color:#ccc}.textarea--small{padding:8px}.textarea--medium{padding:16px}.textarea--large{padding:32px}.select{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.select--primary{background-color:#e3f2fd;border-color:#1e88e5}.select--secondary{background-color:#fff;border-color:#ccc}.select--small{padding:8px}.select--medium{padding:16px}.select--large{padding:32px}.slider{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.slider--primary{background-color:#e3f2fd;border-color:#1e88e5}.slider--secondary{background-color:#fff;border-color:#ccc}.slider--small{padding:8px}.slider--medium{padding:16px}.slider--large{padding:32px}.rangeinput{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.rangeinput--primary{background-color:#e3f2fd;border-color:#1e88e5}.rangeinput--secondary{background-color:#fff;border-color:#ccc}.rangeinput--small{padding:8px}.rangeinput--medium{padding:16px}.rangeinput--large{padding:32px}.image{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.image--primary{background-color:#e3f2fd;border-color:#1e88e5}.image--secondary{background-color:#fff;border-color:#ccc}.image--small{padding:8px}.image--medium{padding:16px}.image--large{padding:32px}.video{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.video--primary{background-color:#e3f2fd;border-color:#1e88e5}.video--secondary{background-color:#fff;border-color:#ccc}.video--small{padding:8px}.video--medium{padding:16px}.video--large{padding:32px}.audio{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.audio--primary{background-color:#e3f2fd;border-color:#1e88e5}.audio--secondary{background-color:#fff;border-color:#ccc}.audio--small{padding:8px}.audio--medium{padding:16px}.audio--large{padding:32px}.divider{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.divider--primary{background-color:#e3f2fd;border-color:#1e88e5}.divider--secondary{background-color:#fff;border-color:#ccc}.divider--small{padding:8px}.divider--medium{padding:16px}.divider--large{padding:32px}.spacer{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.spacer--primary{background-color:#e3f2fd;border-color:#1e88e5}.spacer--secondary{background-color:#fff;border-color:#ccc}.spacer--small{padding:8px}.spacer--medium{padding:16px}.spacer--large{padding:32px}.tooltip{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.tooltip--primary{background-color:#e3f2fd;border-color:#1e88e5}.tooltip--secondary{background-color:#fff;border-color:#ccc}.tooltip--small{padding:8px}.tooltip--medium{padding:16px}.tooltip--large{padding:32px}.badge{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.badge--primary{background-color:#e3f2fd;border-color:#1e88e5}.badge--secondary{background-color:#fff;border-color:#ccc}.badge--small{padding:8px}.badge--medium{padding:16px}.badge--large{padding:32px}.tag{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.tag--primary{background-color:#e3f2fd;border-color:#1e88e5}.tag--secondary{background-color:#fff;border-color:#ccc}.tag--small{padding:8px}.tag--medium{padding:16px}.tag--large{padding:32px}.loader{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.loader--primary{background-color:#e3f2fd;border-color:#1e88e5}.loader--secondary{background-color:#fff;border-color:#ccc}.loader--small{padding:8px}.loader--medium{padding:16px}.loader--large{padding:32px}.spinner{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.spinner--primary{background-color:#e3f2fd;border-color:#1e88e5}.spinner--secondary{background-color:#fff;border-color:#ccc}.spinner--small{padding:8px}.spinner--medium{padding:16px}.spinner--large{padding:32px}.progressbar{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.progressbar--primary{background-color:#e3f2fd;border-color:#1e88e5}.progressbar--secondary{background-color:#fff;border-color:#ccc}.progressbar--small{padding:8px}.progressbar--medium{padding:16px}.progressbar--large{padding:32px}.alert{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.alert--primary{background-color:#e3f2fd;border-color:#1e88e5}.alert--secondary{background-color:#fff;border-color:#ccc}.alert--small{padding:8px}.alert--medium{padding:16px}.alert--large{padding:32px}.snackbar{padding:16px;border-radius:8px;background-color:#f0f0f0;border:1px solid #ddd}.snackbar--primary{background-color:#e3f2fd;border-color:#1e88e5}.snackbar--secondary{background-color:#fff;border-color:#ccc}.snackbar--small{padding:8px}.snackbar--medium{padding:16px}.snackbar--large{padding:32px}.navbar{display:flex;align-items:center;justify-content:space-between;background-color:#228b2200;border:1px solid rgba(34,139,34,.235);padding:8px 16px;margin:16px;border-radius:4px}.navbar__logo{display:flex;align-items:center;margin-right:24px}.navbar__links{list-style:none;display:flex;margin:0;padding:0}.navbar__item{margin:0 12px}.navbar__link{color:#006400;text-decoration:none;padding:8px}.navbar__link:hover,.navbar__link--active{background-color:#228b221a;border-radius:4px}.navbar__controls{display:flex;align-items:center;margin-left:24px}.navbar__controls>*{margin-left:12px}.button{background-color:#228b22;color:#fff}.button:hover{background-color:#1e7a1e}