clarus-css 0.1.0 → 0.1.1

package/dist/css/components.css

@@ -0,0 +1,162 @@
+@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap");
+:root {
+  --clarus-color-white: #ffffff;
+  --clarus-color-black: #000000;
+  --clarus-color-primary: #1a73e8;
+  --clarus-color-success: #1fca7a;
+  --clarus-color-warning: #f9ab00;
+  --clarus-color-danger: #d93025;
+  --clarus-color-info: #1a73e8;
+  --clarus-color-text: #202124;
+  --clarus-color-muted: #777777;
+  --clarus-color-border: #ced4da;
+  --clarus-color-surface: #ffffff;
+  --clarus-color-subtle: #f8f9fa;
+  --clarus-font-sans: Google Sans Flex, sans-serif;
+  --clarus-font-mono: Source Code Pro, monospace;
+  --clarus-line-height-base: 1.5;
+  --clarus-radius-sm: 4px;
+  --clarus-radius-md: 6px;
+  --clarus-radius-lg: 8px;
+  --clarus-gutter-x: 1.5rem;
+  --clarus-gutter-y: 0px;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html {
+  line-height: var(--clarus-line-height-base);
+  -webkit-text-size-adjust: 100%;
+     -moz-text-size-adjust: 100%;
+          text-size-adjust: 100%;
+}
+
+body {
+  margin: 0;
+  color: var(--clarus-color-text);
+  background-color: var(--clarus-color-surface);
+}
+
+body,
+button,
+input,
+select,
+textarea {
+  font-family: var(--clarus-font-sans);
+}
+
+code,
+kbd,
+pre,
+samp {
+  font-family: var(--clarus-font-mono);
+}
+
+.btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 38px;
+  padding: 0 12px;
+  border: 1px solid transparent;
+  border-radius: var(--clarus-radius-sm);
+  color: var(--clarus-color-white);
+  background-color: var(--clarus-color-primary);
+  cursor: pointer;
+}
+
+.card {
+  display: flex;
+  flex-direction: column;
+  border: 1px solid var(--clarus-color-border);
+  border-radius: var(--clarus-radius-lg);
+  background-color: var(--clarus-color-surface);
+}
+
+.alert {
+  padding: 12px 16px;
+  border: 1px solid var(--clarus-color-border);
+  border-radius: var(--clarus-radius-md);
+}
+
+.badge {
+  display: inline-flex;
+  align-items: center;
+  min-height: 20px;
+  padding: 0 8px;
+  border-radius: 999px;
+  font-size: 0.75rem;
+}
+
+.table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.navbar {
+  display: flex;
+  align-items: center;
+  width: 100%;
+}
+
+.dropdown {
+  position: relative;
+  display: inline-flex;
+}
+
+.modal {
+  position: fixed;
+  inset: 0;
+  display: none;
+}
+
+.modal.show {
+  display: flex;
+}
+
+.accordion {
+  display: flex;
+  flex-direction: column;
+}
+
+.tabs {
+  display: flex;
+  border-bottom: 1px solid var(--clarus-color-border);
+}
+
+.tooltip {
+  position: absolute;
+  z-index: 1080;
+}
+
+.toast {
+  display: flex;
+  border: 1px solid var(--clarus-color-border);
+  border-radius: var(--clarus-radius-md);
+}
+
+.pagination {
+  display: flex;
+  gap: 0.25rem;
+  list-style: none;
+}
+
+.breadcrumb {
+  display: flex;
+  flex-wrap: wrap;
+  list-style: none;
+}
+
+[data-theme=dark] {
+  --clarus-color-text: #f1f3f4;
+  --clarus-color-muted: #bdc1c6;
+  --clarus-color-border: #3c4043;
+  --clarus-color-surface: #202124;
+  --clarus-color-subtle: #2b2c2f;
+}
+/*# sourceMappingURL=components.css.map */

package/dist/css/components.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/base/_typography.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/tokens/_root.scss","../../scss/entries/components-entry.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/base/_reset.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/components/_buttons.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/components/_cards.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/components/_alerts.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/components/_badges.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/components/_tables.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/components/_navbar.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/components/_dropdown.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/components/_modal.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/components/_accordion.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/components/_tabs.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/components/_tooltips.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/components/_toasts.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/components/_pagination.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/components/_breadcrumbs.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/themes/_dark.scss"],"names":[],"mappings":"AAAQ,oHAAA;AACA,8GAAA;ACER;EACE,6BAAA;EACA,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,8BAAA;EACA,4BAAA;EACA,4BAAA;EACA,6BAAA;EACA,8BAAA;EACA,+BAAA;EACA,8BAAA;EACA,gDAAA;EACA,8CAAA;EACA,8BAAA;EACA,uBAAA;EACA,uBAAA;EACA,uBAAA;EACA,yBAAA;EACA,sBAAA;ACAF;;ACvBA;;;EAGE,sBAAA;AD0BF;;ACvBA;EACE,2CAAA;EACA,8BAAA;KAAA,2BAAA;UAAA,sBAAA;AD0BF;;ACvBA;EACE,SAAA;EACA,+BAAA;EACA,6CAAA;AD0BF;;AFrCA;;;;;EAKE,oCAAA;AEwCF;;AFrCA;;;;EAIE,oCAAA;AEwCF;;AEvDA;EACE,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,gBAAA;EACA,eAAA;EACA,6BAAA;EACA,sCAAA;EACA,gCAAA;EACA,6CAAA;EACA,eAAA;AF0DF;;AGpEA;EACE,aAAA;EACA,sBAAA;EACA,4CAAA;EACA,sCAAA;EACA,6CAAA;AHuEF;;AI5EA;EACE,kBAAA;EACA,4CAAA;EACA,sCAAA;AJ+EF;;AKlFA;EACE,oBAAA;EACA,mBAAA;EACA,gBAAA;EACA,cAAA;EACA,oBAAA;EACA,kBAAA;ALqFF;;AM3FA;EACE,WAAA;EACA,yBAAA;AN8FF;;AOhGA;EACE,aAAA;EACA,mBAAA;EACA,WAAA;APmGF;;AQtGA;EACE,kBAAA;EACA,oBAAA;ARyGF;;AS3GA;EACE,eAAA;EACA,QAAA;EACA,aAAA;AT8GF;;AS3GA;EACE,aAAA;AT8GF;;AUrHA;EACE,aAAA;EACA,sBAAA;AVwHF;;AW1HA;EACE,aAAA;EACA,mDAAA;AX6HF;;AY/HA;EACE,kBAAA;EACA,aAAA;AZkIF;;AapIA;EACE,aAAA;EACA,4CAAA;EACA,sCAAA;AbuIF;;Ac1IA;EACE,aAAA;EACA,YAAA;EACA,gBAAA;Ad6IF;;AehJA;EACE,aAAA;EACA,eAAA;EACA,gBAAA;AfmJF;;AgBtJA;EACE,4BAAA;EACA,6BAAA;EACA,8BAAA;EACA,+BAAA;EACA,8BAAA;AhByJF","file":"components.css","sourcesContent":["@import url(\"https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap\");\n\nbody,\nbutton,\ninput,\nselect,\ntextarea {\n  font-family: var(--clarus-font-sans);\n}\n\ncode,\nkbd,\npre,\nsamp {\n  font-family: var(--clarus-font-mono);\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n:root {\n  --clarus-color-white: #{$color-white};\n  --clarus-color-black: #{$color-black};\n  --clarus-color-primary: #{$color-primary};\n  --clarus-color-success: #{$color-success};\n  --clarus-color-warning: #{$color-warning};\n  --clarus-color-danger: #{$color-danger};\n  --clarus-color-info: #{$color-info};\n  --clarus-color-text: #{$color-gray-900};\n  --clarus-color-muted: #{$color-gray-600};\n  --clarus-color-border: #{$color-gray-300};\n  --clarus-color-surface: #{$color-white};\n  --clarus-color-subtle: #{$color-gray-100};\n  --clarus-font-sans: #{$font-family-sans};\n  --clarus-font-mono: #{$font-family-mono};\n  --clarus-line-height-base: #{$line-height-base};\n  --clarus-radius-sm: #{$radius-sm};\n  --clarus-radius-md: #{$radius-md};\n  --clarus-radius-lg: #{$radius-lg};\n  --clarus-gutter-x: #{map.get($spacers, 4)};\n  --clarus-gutter-y: 0px;\n}\n","@import url(\"https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap\");\n:root {\n  --clarus-color-white: #ffffff;\n  --clarus-color-black: #000000;\n  --clarus-color-primary: #1a73e8;\n  --clarus-color-success: #1fca7a;\n  --clarus-color-warning: #f9ab00;\n  --clarus-color-danger: #d93025;\n  --clarus-color-info: #1a73e8;\n  --clarus-color-text: #202124;\n  --clarus-color-muted: #777777;\n  --clarus-color-border: #ced4da;\n  --clarus-color-surface: #ffffff;\n  --clarus-color-subtle: #f8f9fa;\n  --clarus-font-sans: Google Sans Flex, sans-serif;\n  --clarus-font-mono: Source Code Pro, monospace;\n  --clarus-line-height-base: 1.5;\n  --clarus-radius-sm: 4px;\n  --clarus-radius-md: 6px;\n  --clarus-radius-lg: 8px;\n  --clarus-gutter-x: 1.5rem;\n  --clarus-gutter-y: 0px;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nhtml {\n  line-height: var(--clarus-line-height-base);\n  text-size-adjust: 100%;\n}\n\nbody {\n  margin: 0;\n  color: var(--clarus-color-text);\n  background-color: var(--clarus-color-surface);\n}\n\nbody,\nbutton,\ninput,\nselect,\ntextarea {\n  font-family: var(--clarus-font-sans);\n}\n\ncode,\nkbd,\npre,\nsamp {\n  font-family: var(--clarus-font-mono);\n}\n\n.btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 38px;\n  padding: 0 12px;\n  border: 1px solid transparent;\n  border-radius: var(--clarus-radius-sm);\n  color: var(--clarus-color-white);\n  background-color: var(--clarus-color-primary);\n  cursor: pointer;\n}\n\n.card {\n  display: flex;\n  flex-direction: column;\n  border: 1px solid var(--clarus-color-border);\n  border-radius: var(--clarus-radius-lg);\n  background-color: var(--clarus-color-surface);\n}\n\n.alert {\n  padding: 12px 16px;\n  border: 1px solid var(--clarus-color-border);\n  border-radius: var(--clarus-radius-md);\n}\n\n.badge {\n  display: inline-flex;\n  align-items: center;\n  min-height: 20px;\n  padding: 0 8px;\n  border-radius: 999px;\n  font-size: 0.75rem;\n}\n\n.table {\n  width: 100%;\n  border-collapse: collapse;\n}\n\n.navbar {\n  display: flex;\n  align-items: center;\n  width: 100%;\n}\n\n.dropdown {\n  position: relative;\n  display: inline-flex;\n}\n\n.modal {\n  position: fixed;\n  inset: 0;\n  display: none;\n}\n\n.modal.show {\n  display: flex;\n}\n\n.accordion {\n  display: flex;\n  flex-direction: column;\n}\n\n.tabs {\n  display: flex;\n  border-bottom: 1px solid var(--clarus-color-border);\n}\n\n.tooltip {\n  position: absolute;\n  z-index: 1080;\n}\n\n.toast {\n  display: flex;\n  border: 1px solid var(--clarus-color-border);\n  border-radius: var(--clarus-radius-md);\n}\n\n.pagination {\n  display: flex;\n  gap: 0.25rem;\n  list-style: none;\n}\n\n.breadcrumb {\n  display: flex;\n  flex-wrap: wrap;\n  list-style: none;\n}\n\n[data-theme=dark] {\n  --clarus-color-text: #f1f3f4;\n  --clarus-color-muted: #bdc1c6;\n  --clarus-color-border: #3c4043;\n  --clarus-color-surface: #202124;\n  --clarus-color-subtle: #2b2c2f;\n}","*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nhtml {\n  line-height: var(--clarus-line-height-base);\n  text-size-adjust: 100%;\n}\n\nbody {\n  margin: 0;\n  color: var(--clarus-color-text);\n  background-color: var(--clarus-color-surface);\n}\n",".btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 38px;\n  padding: 0 12px;\n  border: 1px solid transparent;\n  border-radius: var(--clarus-radius-sm);\n  color: var(--clarus-color-white);\n  background-color: var(--clarus-color-primary);\n  cursor: pointer;\n}\n",".card {\n  display: flex;\n  flex-direction: column;\n  border: 1px solid var(--clarus-color-border);\n  border-radius: var(--clarus-radius-lg);\n  background-color: var(--clarus-color-surface);\n}\n",".alert {\n  padding: 12px 16px;\n  border: 1px solid var(--clarus-color-border);\n  border-radius: var(--clarus-radius-md);\n}\n",".badge {\n  display: inline-flex;\n  align-items: center;\n  min-height: 20px;\n  padding: 0 8px;\n  border-radius: 999px;\n  font-size: 0.75rem;\n}\n",".table {\n  width: 100%;\n  border-collapse: collapse;\n}\n",".navbar {\n  display: flex;\n  align-items: center;\n  width: 100%;\n}\n",".dropdown {\n  position: relative;\n  display: inline-flex;\n}\n",".modal {\n  position: fixed;\n  inset: 0;\n  display: none;\n}\n\n.modal.show {\n  display: flex;\n}\n",".accordion {\n  display: flex;\n  flex-direction: column;\n}\n",".tabs {\n  display: flex;\n  border-bottom: 1px solid var(--clarus-color-border);\n}\n",".tooltip {\n  position: absolute;\n  z-index: 1080;\n}\n",".toast {\n  display: flex;\n  border: 1px solid var(--clarus-color-border);\n  border-radius: var(--clarus-radius-md);\n}\n",".pagination {\n  display: flex;\n  gap: 0.25rem;\n  list-style: none;\n}\n",".breadcrumb {\n  display: flex;\n  flex-wrap: wrap;\n  list-style: none;\n}\n","[data-theme=\"dark\"] {\n  --clarus-color-text: #f1f3f4;\n  --clarus-color-muted: #bdc1c6;\n  --clarus-color-border: #3c4043;\n  --clarus-color-surface: #202124;\n  --clarus-color-subtle: #2b2c2f;\n}\n"]}

package/dist/css/components.min.css

@@ -0,0 +1,2 @@
+@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap");:root{--clarus-color-white:#fff;--clarus-color-black:#000;--clarus-color-primary:#1a73e8;--clarus-color-success:#1fca7a;--clarus-color-warning:#f9ab00;--clarus-color-danger:#d93025;--clarus-color-info:#1a73e8;--clarus-color-text:#202124;--clarus-color-muted:#777;--clarus-color-border:#ced4da;--clarus-color-surface:#fff;--clarus-color-subtle:#f8f9fa;--clarus-font-sans:Google Sans Flex,sans-serif;--clarus-font-mono:Source Code Pro,monospace;--clarus-line-height-base:1.5;--clarus-radius-sm:4px;--clarus-radius-md:6px;--clarus-radius-lg:8px;--clarus-gutter-x:1.5rem;--clarus-gutter-y:0px}*,:after,:before{box-sizing:border-box}html{line-height:var(--clarus-line-height-base);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;color:var(--clarus-color-text);background-color:var(--clarus-color-surface)}body,button,input,select,textarea{font-family:var(--clarus-font-sans)}code,kbd,pre,samp{font-family:var(--clarus-font-mono)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border:1px solid transparent;border-radius:var(--clarus-radius-sm);color:var(--clarus-color-white);background-color:var(--clarus-color-primary);cursor:pointer}.card{display:flex;flex-direction:column;border:1px solid var(--clarus-color-border);border-radius:var(--clarus-radius-lg);background-color:var(--clarus-color-surface)}.alert{padding:12px 16px;border:1px solid var(--clarus-color-border);border-radius:var(--clarus-radius-md)}.badge{display:inline-flex;align-items:center;min-height:20px;padding:0 8px;border-radius:999px;font-size:.75rem}.table{width:100%;border-collapse:collapse}.navbar{display:flex;align-items:center;width:100%}.dropdown{position:relative;display:inline-flex}.modal{position:fixed;inset:0;display:none}.accordion,.modal.show{display:flex}.accordion{flex-direction:column}.tabs{display:flex;border-bottom:1px solid var(--clarus-color-border)}.tooltip{position:absolute;z-index:1080}.toast{display:flex;border:1px solid var(--clarus-color-border);border-radius:var(--clarus-radius-md)}.pagination{gap:.25rem}.breadcrumb,.pagination{display:flex;list-style:none}.breadcrumb{flex-wrap:wrap}[data-theme=dark]{--clarus-color-text:#f1f3f4;--clarus-color-muted:#bdc1c6;--clarus-color-border:#3c4043;--clarus-color-surface:#202124;--clarus-color-subtle:#2b2c2f}
+/*# sourceMappingURL=components.min.css.map */

package/dist/css/components.min.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/base/_typography.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/tokens/_root.scss","../../scss/entries/components-entry.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/base/_reset.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/components/_buttons.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/components/_cards.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/components/_alerts.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/components/_badges.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/components/_tables.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/components/_navbar.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/components/_dropdown.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/components/_modal.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/components/_accordion.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/components/_tabs.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/components/_tooltips.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/components/_toasts.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/components/_pagination.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/components/_breadcrumbs.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/themes/_dark.scss"],"names":[],"mappings":"AAAQ,oHAAA,CACA,8GAAA,CCER,MACE,yBAAA,CACA,yBAAA,CACA,8BAAA,CACA,8BAAA,CACA,8BAAA,CACA,6BAAA,CACA,2BAAA,CACA,2BAAA,CACA,yBAAA,CACA,6BAAA,CACA,2BAAA,CACA,6BAAA,CACA,8CAAA,CACA,4CAAA,CACA,6BAAA,CACA,sBAAA,CACA,sBAAA,CACA,sBAAA,CACA,wBAAA,CACA,qBCAF,CCvBA,iBAGE,qBD0BF,CCvBA,KACE,0CAAA,CACA,6BAAA,CAAA,0BAAA,CAAA,qBD0BF,CCvBA,KACE,QAAA,CACA,8BAAA,CACA,4CD0BF,CFrCA,kCAKE,mCEwCF,CFrCA,kBAIE,mCEwCF,CEvDA,KACE,mBAAA,CACA,kBAAA,CACA,sBAAA,CACA,eAAA,CACA,cAAA,CACA,4BAAA,CACA,qCAAA,CACA,+BAAA,CACA,4CAAA,CACA,cF0DF,CGpEA,MACE,YAAA,CACA,qBAAA,CACA,2CAAA,CACA,qCAAA,CACA,4CHuEF,CI5EA,OACE,iBAAA,CACA,2CAAA,CACA,qCJ+EF,CKlFA,OACE,mBAAA,CACA,kBAAA,CACA,eAAA,CACA,aAAA,CACA,mBAAA,CACA,gBLqFF,CM3FA,OACE,UAAA,CACA,wBN8FF,COhGA,QACE,YAAA,CACA,kBAAA,CACA,UPmGF,CQtGA,UACE,iBAAA,CACA,mBRyGF,CS3GA,OACE,cAAA,CACA,OAAA,CACA,YT8GF,CUjHA,uBDOE,YTmHF,CU1HA,WAEE,qBVwHF,CW1HA,MACE,YAAA,CACA,kDX6HF,CY/HA,SACE,iBAAA,CACA,YZkIF,CapIA,OACE,YAAA,CACA,2CAAA,CACA,qCbuIF,Cc1IA,YAEE,Ud8IF,CehJA,wBDCE,YAAA,CAEA,edmJF,CetJA,YAEE,cfoJF,CgBtJA,kBACE,2BAAA,CACA,4BAAA,CACA,6BAAA,CACA,8BAAA,CACA,6BhByJF","file":"components.min.css","sourcesContent":["@import url(\"https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap\");\n\nbody,\nbutton,\ninput,\nselect,\ntextarea {\n  font-family: var(--clarus-font-sans);\n}\n\ncode,\nkbd,\npre,\nsamp {\n  font-family: var(--clarus-font-mono);\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n:root {\n  --clarus-color-white: #{$color-white};\n  --clarus-color-black: #{$color-black};\n  --clarus-color-primary: #{$color-primary};\n  --clarus-color-success: #{$color-success};\n  --clarus-color-warning: #{$color-warning};\n  --clarus-color-danger: #{$color-danger};\n  --clarus-color-info: #{$color-info};\n  --clarus-color-text: #{$color-gray-900};\n  --clarus-color-muted: #{$color-gray-600};\n  --clarus-color-border: #{$color-gray-300};\n  --clarus-color-surface: #{$color-white};\n  --clarus-color-subtle: #{$color-gray-100};\n  --clarus-font-sans: #{$font-family-sans};\n  --clarus-font-mono: #{$font-family-mono};\n  --clarus-line-height-base: #{$line-height-base};\n  --clarus-radius-sm: #{$radius-sm};\n  --clarus-radius-md: #{$radius-md};\n  --clarus-radius-lg: #{$radius-lg};\n  --clarus-gutter-x: #{map.get($spacers, 4)};\n  --clarus-gutter-y: 0px;\n}\n","@import url(\"https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap\");\n:root {\n  --clarus-color-white: #ffffff;\n  --clarus-color-black: #000000;\n  --clarus-color-primary: #1a73e8;\n  --clarus-color-success: #1fca7a;\n  --clarus-color-warning: #f9ab00;\n  --clarus-color-danger: #d93025;\n  --clarus-color-info: #1a73e8;\n  --clarus-color-text: #202124;\n  --clarus-color-muted: #777777;\n  --clarus-color-border: #ced4da;\n  --clarus-color-surface: #ffffff;\n  --clarus-color-subtle: #f8f9fa;\n  --clarus-font-sans: Google Sans Flex, sans-serif;\n  --clarus-font-mono: Source Code Pro, monospace;\n  --clarus-line-height-base: 1.5;\n  --clarus-radius-sm: 4px;\n  --clarus-radius-md: 6px;\n  --clarus-radius-lg: 8px;\n  --clarus-gutter-x: 1.5rem;\n  --clarus-gutter-y: 0px;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nhtml {\n  line-height: var(--clarus-line-height-base);\n  text-size-adjust: 100%;\n}\n\nbody {\n  margin: 0;\n  color: var(--clarus-color-text);\n  background-color: var(--clarus-color-surface);\n}\n\nbody,\nbutton,\ninput,\nselect,\ntextarea {\n  font-family: var(--clarus-font-sans);\n}\n\ncode,\nkbd,\npre,\nsamp {\n  font-family: var(--clarus-font-mono);\n}\n\n.btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 38px;\n  padding: 0 12px;\n  border: 1px solid transparent;\n  border-radius: var(--clarus-radius-sm);\n  color: var(--clarus-color-white);\n  background-color: var(--clarus-color-primary);\n  cursor: pointer;\n}\n\n.card {\n  display: flex;\n  flex-direction: column;\n  border: 1px solid var(--clarus-color-border);\n  border-radius: var(--clarus-radius-lg);\n  background-color: var(--clarus-color-surface);\n}\n\n.alert {\n  padding: 12px 16px;\n  border: 1px solid var(--clarus-color-border);\n  border-radius: var(--clarus-radius-md);\n}\n\n.badge {\n  display: inline-flex;\n  align-items: center;\n  min-height: 20px;\n  padding: 0 8px;\n  border-radius: 999px;\n  font-size: 0.75rem;\n}\n\n.table {\n  width: 100%;\n  border-collapse: collapse;\n}\n\n.navbar {\n  display: flex;\n  align-items: center;\n  width: 100%;\n}\n\n.dropdown {\n  position: relative;\n  display: inline-flex;\n}\n\n.modal {\n  position: fixed;\n  inset: 0;\n  display: none;\n}\n\n.modal.show {\n  display: flex;\n}\n\n.accordion {\n  display: flex;\n  flex-direction: column;\n}\n\n.tabs {\n  display: flex;\n  border-bottom: 1px solid var(--clarus-color-border);\n}\n\n.tooltip {\n  position: absolute;\n  z-index: 1080;\n}\n\n.toast {\n  display: flex;\n  border: 1px solid var(--clarus-color-border);\n  border-radius: var(--clarus-radius-md);\n}\n\n.pagination {\n  display: flex;\n  gap: 0.25rem;\n  list-style: none;\n}\n\n.breadcrumb {\n  display: flex;\n  flex-wrap: wrap;\n  list-style: none;\n}\n\n[data-theme=dark] {\n  --clarus-color-text: #f1f3f4;\n  --clarus-color-muted: #bdc1c6;\n  --clarus-color-border: #3c4043;\n  --clarus-color-surface: #202124;\n  --clarus-color-subtle: #2b2c2f;\n}","*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nhtml {\n  line-height: var(--clarus-line-height-base);\n  text-size-adjust: 100%;\n}\n\nbody {\n  margin: 0;\n  color: var(--clarus-color-text);\n  background-color: var(--clarus-color-surface);\n}\n",".btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 38px;\n  padding: 0 12px;\n  border: 1px solid transparent;\n  border-radius: var(--clarus-radius-sm);\n  color: var(--clarus-color-white);\n  background-color: var(--clarus-color-primary);\n  cursor: pointer;\n}\n",".card {\n  display: flex;\n  flex-direction: column;\n  border: 1px solid var(--clarus-color-border);\n  border-radius: var(--clarus-radius-lg);\n  background-color: var(--clarus-color-surface);\n}\n",".alert {\n  padding: 12px 16px;\n  border: 1px solid var(--clarus-color-border);\n  border-radius: var(--clarus-radius-md);\n}\n",".badge {\n  display: inline-flex;\n  align-items: center;\n  min-height: 20px;\n  padding: 0 8px;\n  border-radius: 999px;\n  font-size: 0.75rem;\n}\n",".table {\n  width: 100%;\n  border-collapse: collapse;\n}\n",".navbar {\n  display: flex;\n  align-items: center;\n  width: 100%;\n}\n",".dropdown {\n  position: relative;\n  display: inline-flex;\n}\n",".modal {\n  position: fixed;\n  inset: 0;\n  display: none;\n}\n\n.modal.show {\n  display: flex;\n}\n",".accordion {\n  display: flex;\n  flex-direction: column;\n}\n",".tabs {\n  display: flex;\n  border-bottom: 1px solid var(--clarus-color-border);\n}\n",".tooltip {\n  position: absolute;\n  z-index: 1080;\n}\n",".toast {\n  display: flex;\n  border: 1px solid var(--clarus-color-border);\n  border-radius: var(--clarus-radius-md);\n}\n",".pagination {\n  display: flex;\n  gap: 0.25rem;\n  list-style: none;\n}\n",".breadcrumb {\n  display: flex;\n  flex-wrap: wrap;\n  list-style: none;\n}\n","[data-theme=\"dark\"] {\n  --clarus-color-text: #f1f3f4;\n  --clarus-color-muted: #bdc1c6;\n  --clarus-color-border: #3c4043;\n  --clarus-color-surface: #202124;\n  --clarus-color-subtle: #2b2c2f;\n}\n"]}

package/dist/css/forms.css

@@ -0,0 +1,172 @@
+@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap");
+:root {
+  --clarus-color-white: #ffffff;
+  --clarus-color-black: #000000;
+  --clarus-color-primary: #1a73e8;
+  --clarus-color-success: #1fca7a;
+  --clarus-color-warning: #f9ab00;
+  --clarus-color-danger: #d93025;
+  --clarus-color-info: #1a73e8;
+  --clarus-color-text: #202124;
+  --clarus-color-muted: #777777;
+  --clarus-color-border: #ced4da;
+  --clarus-color-surface: #ffffff;
+  --clarus-color-subtle: #f8f9fa;
+  --clarus-font-sans: Google Sans Flex, sans-serif;
+  --clarus-font-mono: Source Code Pro, monospace;
+  --clarus-line-height-base: 1.5;
+  --clarus-radius-sm: 4px;
+  --clarus-radius-md: 6px;
+  --clarus-radius-lg: 8px;
+  --clarus-gutter-x: 1.5rem;
+  --clarus-gutter-y: 0px;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html {
+  line-height: var(--clarus-line-height-base);
+  -webkit-text-size-adjust: 100%;
+     -moz-text-size-adjust: 100%;
+          text-size-adjust: 100%;
+}
+
+body {
+  margin: 0;
+  color: var(--clarus-color-text);
+  background-color: var(--clarus-color-surface);
+}
+
+body,
+button,
+input,
+select,
+textarea {
+  font-family: var(--clarus-font-sans);
+}
+
+code,
+kbd,
+pre,
+samp {
+  font-family: var(--clarus-font-mono);
+}
+
+.form-row {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: baseline;
+  justify-content: flex-start;
+  width: 100%;
+  min-height: 10px;
+}
+
+.form-col {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  align-items: flex-start;
+  justify-content: flex-end;
+}
+
+.form-label {
+  width: 120px;
+  margin-left: 8px;
+  margin-bottom: 2px;
+  color: var(--clarus-color-muted);
+  font-size: 0.75rem;
+  font-weight: 400;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.form-text {
+  width: 120px;
+  margin-top: 4px;
+  padding: 4px 8px;
+  border-radius: var(--clarus-radius-sm);
+  color: #bbbbbb;
+  font-size: 0.65rem;
+  font-weight: 400;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.form-control {
+  height: 38px;
+  padding: 0 7px;
+  border: 1px solid var(--clarus-color-border);
+  border-radius: var(--clarus-radius-sm);
+  color: var(--clarus-color-text);
+  background-color: var(--clarus-color-surface);
+  font-size: 0.85rem;
+  font-weight: 500;
+}
+
+.form-control::-moz-placeholder {
+  color: #bbbbbb;
+}
+
+.form-control::placeholder {
+  color: #bbbbbb;
+}
+
+.form-control:focus {
+  outline: none;
+  border-color: var(--clarus-color-primary);
+  box-shadow: 0 0 5px 2px color-mix(in srgb, var(--clarus-color-primary) 20%, transparent);
+}
+
+.form-control:disabled {
+  color: #bbbbbb;
+  background-color: #e9ecef;
+  opacity: 0.4;
+  pointer-events: none;
+}
+
+.form-control-sm {
+  height: 30px;
+  font-size: 0.65rem;
+}
+
+.form-control-lg {
+  height: 46px;
+  font-size: 0.85rem;
+}
+
+.form-size-sm {
+  width: 120px;
+}
+
+.form-size-md {
+  width: 180px;
+}
+
+.form-size-lg {
+  width: 240px;
+}
+
+.form-size-xl {
+  width: 300px;
+}
+
+.form-size-xxl {
+  width: 360px;
+}
+
+[data-theme=dark] {
+  --clarus-color-text: #f1f3f4;
+  --clarus-color-muted: #bdc1c6;
+  --clarus-color-border: #3c4043;
+  --clarus-color-surface: #202124;
+  --clarus-color-subtle: #2b2c2f;
+}
+/*# sourceMappingURL=forms.css.map */

package/dist/css/forms.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/base/_typography.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/tokens/_root.scss","../../scss/entries/forms-entry.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/base/_reset.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/forms/_forms.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/settings/_typography.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/tools/_mixins.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/settings/_colors.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/themes/_dark.scss"],"names":[],"mappings":"AAAQ,oHAAA;AACA,8GAAA;ACER;EACE,6BAAA;EACA,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,8BAAA;EACA,4BAAA;EACA,4BAAA;EACA,6BAAA;EACA,8BAAA;EACA,+BAAA;EACA,8BAAA;EACA,gDAAA;EACA,8CAAA;EACA,8BAAA;EACA,uBAAA;EACA,uBAAA;EACA,uBAAA;EACA,yBAAA;EACA,sBAAA;ACAF;;ACvBA;;;EAGE,sBAAA;AD0BF;;ACvBA;EACE,2CAAA;EACA,8BAAA;KAAA,2BAAA;UAAA,sBAAA;AD0BF;;ACvBA;EACE,SAAA;EACA,+BAAA;EACA,6CAAA;AD0BF;;AFrCA;;;;;EAKE,oCAAA;AEwCF;;AFrCA;;;;EAIE,oCAAA;AEwCF;;AEpDA;EACE,aAAA;EACA,mBAAA;EACA,eAAA;EACA,qBAAA;EACA,2BAAA;EACA,WAAA;EACA,gBAAA;AFuDF;;AEpDA;EACE,aAAA;EACA,sBAAA;EACA,iBAAA;EACA,uBAAA;EACA,yBAAA;AFuDF;;AEpDA;EACE,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,gCAAA;EACA,kBCtBa;EDuBb,gBCnBoB;EC0BpB,gBAAA;EACA,uBAAA;EACA,mBAAA;AJiDF;;AErDA;EACE,YAAA;EACA,eAAA;EACA,gBAAA;EACA,sCAAA;EACA,cGzBe;EH0Bf,kBCnCa;EDoCb,gBC/BoB;EC0BpB,gBAAA;EACA,uBAAA;EACA,mBAAA;AJ8DF;;AEtDA;EACE,YAAA;EACA,cAAA;EACA,4CAAA;EACA,sCAAA;EACA,+BAAA;EACA,6CAAA;EACA,kBC9Ca;ED+Cb,gBC3CmB;AHoGrB;;AEtDA;EACE,cG5Ce;ALqGjB;;AE1DA;EACE,cG5Ce;ALqGjB;;AEtDA;EE/BE,aAAA;EACA,yCAFwB;EAGxB,wFAAA;AJyFF;;AExDA;EACE,cGpDe;EHqDf,yBGvDe;EHwDf,YAAA;EACA,oBAAA;AF2DF;;AExDA;EACE,YAAA;EACA,kBCrEa;AHgIf;;AExDA;EACE,YAAA;EACA,kBCxEa;AHmIf;;AExDA;EACE,YAAA;AF2DF;;AExDA;EACE,YAAA;AF2DF;;AExDA;EACE,YAAA;AF2DF;;AExDA;EACE,YAAA;AF2DF;;AExDA;EACE,YAAA;AF2DF;;AM5JA;EACE,4BAAA;EACA,6BAAA;EACA,8BAAA;EACA,+BAAA;EACA,8BAAA;AN+JF","file":"forms.css","sourcesContent":["@import url(\"https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap\");\n\nbody,\nbutton,\ninput,\nselect,\ntextarea {\n  font-family: var(--clarus-font-sans);\n}\n\ncode,\nkbd,\npre,\nsamp {\n  font-family: var(--clarus-font-mono);\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n:root {\n  --clarus-color-white: #{$color-white};\n  --clarus-color-black: #{$color-black};\n  --clarus-color-primary: #{$color-primary};\n  --clarus-color-success: #{$color-success};\n  --clarus-color-warning: #{$color-warning};\n  --clarus-color-danger: #{$color-danger};\n  --clarus-color-info: #{$color-info};\n  --clarus-color-text: #{$color-gray-900};\n  --clarus-color-muted: #{$color-gray-600};\n  --clarus-color-border: #{$color-gray-300};\n  --clarus-color-surface: #{$color-white};\n  --clarus-color-subtle: #{$color-gray-100};\n  --clarus-font-sans: #{$font-family-sans};\n  --clarus-font-mono: #{$font-family-mono};\n  --clarus-line-height-base: #{$line-height-base};\n  --clarus-radius-sm: #{$radius-sm};\n  --clarus-radius-md: #{$radius-md};\n  --clarus-radius-lg: #{$radius-lg};\n  --clarus-gutter-x: #{map.get($spacers, 4)};\n  --clarus-gutter-y: 0px;\n}\n","@import url(\"https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap\");\n:root {\n  --clarus-color-white: #ffffff;\n  --clarus-color-black: #000000;\n  --clarus-color-primary: #1a73e8;\n  --clarus-color-success: #1fca7a;\n  --clarus-color-warning: #f9ab00;\n  --clarus-color-danger: #d93025;\n  --clarus-color-info: #1a73e8;\n  --clarus-color-text: #202124;\n  --clarus-color-muted: #777777;\n  --clarus-color-border: #ced4da;\n  --clarus-color-surface: #ffffff;\n  --clarus-color-subtle: #f8f9fa;\n  --clarus-font-sans: Google Sans Flex, sans-serif;\n  --clarus-font-mono: Source Code Pro, monospace;\n  --clarus-line-height-base: 1.5;\n  --clarus-radius-sm: 4px;\n  --clarus-radius-md: 6px;\n  --clarus-radius-lg: 8px;\n  --clarus-gutter-x: 1.5rem;\n  --clarus-gutter-y: 0px;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nhtml {\n  line-height: var(--clarus-line-height-base);\n  text-size-adjust: 100%;\n}\n\nbody {\n  margin: 0;\n  color: var(--clarus-color-text);\n  background-color: var(--clarus-color-surface);\n}\n\nbody,\nbutton,\ninput,\nselect,\ntextarea {\n  font-family: var(--clarus-font-sans);\n}\n\ncode,\nkbd,\npre,\nsamp {\n  font-family: var(--clarus-font-mono);\n}\n\n.form-row {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: baseline;\n  justify-content: flex-start;\n  width: 100%;\n  min-height: 10px;\n}\n\n.form-col {\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  align-items: flex-start;\n  justify-content: flex-end;\n}\n\n.form-label {\n  width: 120px;\n  margin-left: 8px;\n  margin-bottom: 2px;\n  color: var(--clarus-color-muted);\n  font-size: 0.75rem;\n  font-weight: 400;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.form-text {\n  width: 120px;\n  margin-top: 4px;\n  padding: 4px 8px;\n  border-radius: var(--clarus-radius-sm);\n  color: #bbbbbb;\n  font-size: 0.65rem;\n  font-weight: 400;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.form-control {\n  height: 38px;\n  padding: 0 7px;\n  border: 1px solid var(--clarus-color-border);\n  border-radius: var(--clarus-radius-sm);\n  color: var(--clarus-color-text);\n  background-color: var(--clarus-color-surface);\n  font-size: 0.85rem;\n  font-weight: 500;\n}\n\n.form-control::placeholder {\n  color: #bbbbbb;\n}\n\n.form-control:focus {\n  outline: none;\n  border-color: var(--clarus-color-primary);\n  box-shadow: 0 0 5px 2px color-mix(in srgb, var(--clarus-color-primary) 20%, transparent);\n}\n\n.form-control:disabled {\n  color: #bbbbbb;\n  background-color: #e9ecef;\n  opacity: 0.4;\n  pointer-events: none;\n}\n\n.form-control-sm {\n  height: 30px;\n  font-size: 0.65rem;\n}\n\n.form-control-lg {\n  height: 46px;\n  font-size: 0.85rem;\n}\n\n.form-size-sm {\n  width: 120px;\n}\n\n.form-size-md {\n  width: 180px;\n}\n\n.form-size-lg {\n  width: 240px;\n}\n\n.form-size-xl {\n  width: 300px;\n}\n\n.form-size-xxl {\n  width: 360px;\n}\n\n[data-theme=dark] {\n  --clarus-color-text: #f1f3f4;\n  --clarus-color-muted: #bdc1c6;\n  --clarus-color-border: #3c4043;\n  --clarus-color-surface: #202124;\n  --clarus-color-subtle: #2b2c2f;\n}","*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nhtml {\n  line-height: var(--clarus-line-height-base);\n  text-size-adjust: 100%;\n}\n\nbody {\n  margin: 0;\n  color: var(--clarus-color-text);\n  background-color: var(--clarus-color-surface);\n}\n","@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n.form-row {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: baseline;\n  justify-content: flex-start;\n  width: 100%;\n  min-height: 10px;\n}\n\n.form-col {\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  align-items: flex-start;\n  justify-content: flex-end;\n}\n\n.form-label {\n  width: 120px;\n  margin-left: 8px;\n  margin-bottom: 2px;\n  color: var(--clarus-color-muted);\n  font-size: $font-size-sm;\n  font-weight: $font-weight-regular;\n\n  @include truncate;\n}\n\n.form-text {\n  width: 120px;\n  margin-top: 4px;\n  padding: 4px 8px;\n  border-radius: var(--clarus-radius-sm);\n  color: $color-gray-500;\n  font-size: $font-size-xs;\n  font-weight: $font-weight-regular;\n\n  @include truncate;\n}\n\n.form-control {\n  height: 38px;\n  padding: 0 7px;\n  border: 1px solid var(--clarus-color-border);\n  border-radius: var(--clarus-radius-sm);\n  color: var(--clarus-color-text);\n  background-color: var(--clarus-color-surface);\n  font-size: $font-size-md;\n  font-weight: $font-weight-medium;\n}\n\n.form-control::placeholder {\n  color: $color-gray-500;\n}\n\n.form-control:focus {\n  @include focus-ring;\n}\n\n.form-control:disabled {\n  color: $color-gray-500;\n  background-color: $color-gray-200;\n  opacity: 0.4;\n  pointer-events: none;\n}\n\n.form-control-sm {\n  height: 30px;\n  font-size: $font-size-xs;\n}\n\n.form-control-lg {\n  height: 46px;\n  font-size: $font-size-md;\n}\n\n.form-size-sm {\n  width: 120px;\n}\n\n.form-size-md {\n  width: 180px;\n}\n\n.form-size-lg {\n  width: 240px;\n}\n\n.form-size-xl {\n  width: 300px;\n}\n\n.form-size-xxl {\n  width: 360px;\n}\n","$font-family-sans: \"Google Sans Flex\", sans-serif !default;\n$font-family-mono: \"Source Code Pro\", monospace !default;\n\n$font-size-xs: 0.65rem !default;\n$font-size-sm: 0.75rem !default;\n$font-size-md: 0.85rem !default;\n$font-size-lg: 1rem !default;\n\n$font-weight-regular: 400 !default;\n$font-weight-medium: 500 !default;\n$line-height-base: 1.5 !default;\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@mixin media-breakpoint-up($name) {\n  $min: map.get($breakpoints, $name);\n\n  @if $min == null {\n    @error \"Unknown breakpoint `#{$name}`.\";\n  }\n\n  @if $min == 0 {\n    @content;\n  } @else {\n    @media (min-width: $min) {\n      @content;\n    }\n  }\n}\n\n@function breakpoint-infix($name) {\n  @if $name == xs {\n    @return \"\";\n  }\n\n  @return \"-#{$name}\";\n}\n\n@mixin focus-ring($color: var(--clarus-color-primary)) {\n  outline: none;\n  border-color: $color;\n  box-shadow: 0 0 5px 2px color-mix(in srgb, #{$color} 20%, transparent);\n}\n\n@mixin truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","$color-white: #ffffff !default;\n$color-black: #000000 !default;\n\n$color-primary: #1a73e8 !default;\n$color-success: #1fca7a !default;\n$color-warning: #f9ab00 !default;\n$color-danger: #d93025 !default;\n$color-info: #1a73e8 !default;\n\n$color-gray-100: #f8f9fa !default;\n$color-gray-200: #e9ecef !default;\n$color-gray-300: #ced4da !default;\n$color-gray-500: #bbbbbb !default;\n$color-gray-600: #777777 !default;\n$color-gray-900: #202124 !default;\n\n$theme-colors: (\n  primary: $color-primary,\n  success: $color-success,\n  warning: $color-warning,\n  danger: $color-danger,\n  info: $color-info\n) !default;\n","[data-theme=\"dark\"] {\n  --clarus-color-text: #f1f3f4;\n  --clarus-color-muted: #bdc1c6;\n  --clarus-color-border: #3c4043;\n  --clarus-color-surface: #202124;\n  --clarus-color-subtle: #2b2c2f;\n}\n"]}

package/dist/css/forms.min.css

@@ -0,0 +1,2 @@
+@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap");:root{--clarus-color-white:#fff;--clarus-color-black:#000;--clarus-color-primary:#1a73e8;--clarus-color-success:#1fca7a;--clarus-color-warning:#f9ab00;--clarus-color-danger:#d93025;--clarus-color-info:#1a73e8;--clarus-color-text:#202124;--clarus-color-muted:#777;--clarus-color-border:#ced4da;--clarus-color-surface:#fff;--clarus-color-subtle:#f8f9fa;--clarus-font-sans:Google Sans Flex,sans-serif;--clarus-font-mono:Source Code Pro,monospace;--clarus-line-height-base:1.5;--clarus-radius-sm:4px;--clarus-radius-md:6px;--clarus-radius-lg:8px;--clarus-gutter-x:1.5rem;--clarus-gutter-y:0px}*,:after,:before{box-sizing:border-box}html{line-height:var(--clarus-line-height-base);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;color:var(--clarus-color-text);background-color:var(--clarus-color-surface)}body,button,input,select,textarea{font-family:var(--clarus-font-sans)}code,kbd,pre,samp{font-family:var(--clarus-font-mono)}.form-row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;width:100%;min-height:10px}.form-col{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-end}.form-label{margin-left:8px;margin-bottom:2px;color:var(--clarus-color-muted);font-size:.75rem}.form-label,.form-text{width:120px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-text{margin-top:4px;padding:4px 8px;border-radius:var(--clarus-radius-sm);color:#bbb;font-size:.65rem}.form-control{height:38px;padding:0 7px;border:1px solid var(--clarus-color-border);border-radius:var(--clarus-radius-sm);color:var(--clarus-color-text);background-color:var(--clarus-color-surface);font-size:.85rem;font-weight:500}.form-control::-moz-placeholder{color:#bbb}.form-control::placeholder{color:#bbb}.form-control:focus{outline:none;border-color:var(--clarus-color-primary);box-shadow:0 0 5px 2px color-mix(in srgb,var(--clarus-color-primary) 20%,transparent)}.form-control:disabled{color:#bbb;background-color:#e9ecef;opacity:.4;pointer-events:none}.form-control-sm{height:30px;font-size:.65rem}.form-control-lg{height:46px;font-size:.85rem}.form-size-sm{width:120px}.form-size-md{width:180px}.form-size-lg{width:240px}.form-size-xl{width:300px}.form-size-xxl{width:360px}[data-theme=dark]{--clarus-color-text:#f1f3f4;--clarus-color-muted:#bdc1c6;--clarus-color-border:#3c4043;--clarus-color-surface:#202124;--clarus-color-subtle:#2b2c2f}
+/*# sourceMappingURL=forms.min.css.map */

package/dist/css/forms.min.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/base/_typography.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/tokens/_root.scss","../../scss/entries/forms-entry.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/base/_reset.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/forms/_forms.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/settings/_typography.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/tools/_mixins.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/settings/_colors.scss","file:///C:/Users/jwmenezes/Downloads/Developer/Minimal%20Styles/scss/themes/_dark.scss"],"names":[],"mappings":"AAAQ,oHAAA,CACA,8GAAA,CCER,MACE,yBAAA,CACA,yBAAA,CACA,8BAAA,CACA,8BAAA,CACA,8BAAA,CACA,6BAAA,CACA,2BAAA,CACA,2BAAA,CACA,yBAAA,CACA,6BAAA,CACA,2BAAA,CACA,6BAAA,CACA,8CAAA,CACA,4CAAA,CACA,6BAAA,CACA,sBAAA,CACA,sBAAA,CACA,sBAAA,CACA,wBAAA,CACA,qBCAF,CCvBA,iBAGE,qBD0BF,CCvBA,KACE,0CAAA,CACA,6BAAA,CAAA,0BAAA,CAAA,qBD0BF,CCvBA,KACE,QAAA,CACA,8BAAA,CACA,4CD0BF,CFrCA,kCAKE,mCEwCF,CFrCA,kBAIE,mCEwCF,CEpDA,UACE,YAAA,CACA,kBAAA,CACA,cAAA,CACA,oBAAA,CACA,0BAAA,CACA,UAAA,CACA,eFuDF,CEpDA,UACE,YAAA,CACA,qBAAA,CACA,gBAAA,CACA,sBAAA,CACA,wBFuDF,CEpDA,YAEE,eAAA,CACA,iBAAA,CACA,+BAAA,CACA,gBF2DF,CErDA,uBAVE,WAAA,CAKA,eCnBoB,CC0BpB,eAAA,CACA,sBAAA,CACA,kBJ8DF,CElEA,WAEE,cAAA,CACA,eAAA,CACA,qCAAA,CACA,UGzBe,CH0Bf,gBF4DF,CEtDA,cACE,WAAA,CACA,aAAA,CACA,2CAAA,CACA,qCAAA,CACA,8BAAA,CACA,4CAAA,CACA,gBC9Ca,CD+Cb,eFyDF,CEtDA,gCACE,UFyDF,CE1DA,2BACE,UFyDF,CEtDA,oBE/BE,YAAA,CACA,wCAFwB,CAGxB,qFJyFF,CExDA,uBACE,UGpDe,CHqDf,wBGvDe,CHwDf,UAAA,CACA,mBF2DF,CExDA,iBACE,WAAA,CACA,gBF2DF,CExDA,iBACE,WAAA,CACA,gBF2DF,CExDA,cACE,WF2DF,CExDA,cACE,WF2DF,CExDA,cACE,WF2DF,CExDA,cACE,WF2DF,CExDA,eACE,WF2DF,CM5JA,kBACE,2BAAA,CACA,4BAAA,CACA,6BAAA,CACA,8BAAA,CACA,6BN+JF","file":"forms.min.css","sourcesContent":["@import url(\"https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap\");\n\nbody,\nbutton,\ninput,\nselect,\ntextarea {\n  font-family: var(--clarus-font-sans);\n}\n\ncode,\nkbd,\npre,\nsamp {\n  font-family: var(--clarus-font-mono);\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n:root {\n  --clarus-color-white: #{$color-white};\n  --clarus-color-black: #{$color-black};\n  --clarus-color-primary: #{$color-primary};\n  --clarus-color-success: #{$color-success};\n  --clarus-color-warning: #{$color-warning};\n  --clarus-color-danger: #{$color-danger};\n  --clarus-color-info: #{$color-info};\n  --clarus-color-text: #{$color-gray-900};\n  --clarus-color-muted: #{$color-gray-600};\n  --clarus-color-border: #{$color-gray-300};\n  --clarus-color-surface: #{$color-white};\n  --clarus-color-subtle: #{$color-gray-100};\n  --clarus-font-sans: #{$font-family-sans};\n  --clarus-font-mono: #{$font-family-mono};\n  --clarus-line-height-base: #{$line-height-base};\n  --clarus-radius-sm: #{$radius-sm};\n  --clarus-radius-md: #{$radius-md};\n  --clarus-radius-lg: #{$radius-lg};\n  --clarus-gutter-x: #{map.get($spacers, 4)};\n  --clarus-gutter-y: 0px;\n}\n","@import url(\"https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap\");\n:root {\n  --clarus-color-white: #ffffff;\n  --clarus-color-black: #000000;\n  --clarus-color-primary: #1a73e8;\n  --clarus-color-success: #1fca7a;\n  --clarus-color-warning: #f9ab00;\n  --clarus-color-danger: #d93025;\n  --clarus-color-info: #1a73e8;\n  --clarus-color-text: #202124;\n  --clarus-color-muted: #777777;\n  --clarus-color-border: #ced4da;\n  --clarus-color-surface: #ffffff;\n  --clarus-color-subtle: #f8f9fa;\n  --clarus-font-sans: Google Sans Flex, sans-serif;\n  --clarus-font-mono: Source Code Pro, monospace;\n  --clarus-line-height-base: 1.5;\n  --clarus-radius-sm: 4px;\n  --clarus-radius-md: 6px;\n  --clarus-radius-lg: 8px;\n  --clarus-gutter-x: 1.5rem;\n  --clarus-gutter-y: 0px;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nhtml {\n  line-height: var(--clarus-line-height-base);\n  text-size-adjust: 100%;\n}\n\nbody {\n  margin: 0;\n  color: var(--clarus-color-text);\n  background-color: var(--clarus-color-surface);\n}\n\nbody,\nbutton,\ninput,\nselect,\ntextarea {\n  font-family: var(--clarus-font-sans);\n}\n\ncode,\nkbd,\npre,\nsamp {\n  font-family: var(--clarus-font-mono);\n}\n\n.form-row {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: baseline;\n  justify-content: flex-start;\n  width: 100%;\n  min-height: 10px;\n}\n\n.form-col {\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  align-items: flex-start;\n  justify-content: flex-end;\n}\n\n.form-label {\n  width: 120px;\n  margin-left: 8px;\n  margin-bottom: 2px;\n  color: var(--clarus-color-muted);\n  font-size: 0.75rem;\n  font-weight: 400;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.form-text {\n  width: 120px;\n  margin-top: 4px;\n  padding: 4px 8px;\n  border-radius: var(--clarus-radius-sm);\n  color: #bbbbbb;\n  font-size: 0.65rem;\n  font-weight: 400;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.form-control {\n  height: 38px;\n  padding: 0 7px;\n  border: 1px solid var(--clarus-color-border);\n  border-radius: var(--clarus-radius-sm);\n  color: var(--clarus-color-text);\n  background-color: var(--clarus-color-surface);\n  font-size: 0.85rem;\n  font-weight: 500;\n}\n\n.form-control::placeholder {\n  color: #bbbbbb;\n}\n\n.form-control:focus {\n  outline: none;\n  border-color: var(--clarus-color-primary);\n  box-shadow: 0 0 5px 2px color-mix(in srgb, var(--clarus-color-primary) 20%, transparent);\n}\n\n.form-control:disabled {\n  color: #bbbbbb;\n  background-color: #e9ecef;\n  opacity: 0.4;\n  pointer-events: none;\n}\n\n.form-control-sm {\n  height: 30px;\n  font-size: 0.65rem;\n}\n\n.form-control-lg {\n  height: 46px;\n  font-size: 0.85rem;\n}\n\n.form-size-sm {\n  width: 120px;\n}\n\n.form-size-md {\n  width: 180px;\n}\n\n.form-size-lg {\n  width: 240px;\n}\n\n.form-size-xl {\n  width: 300px;\n}\n\n.form-size-xxl {\n  width: 360px;\n}\n\n[data-theme=dark] {\n  --clarus-color-text: #f1f3f4;\n  --clarus-color-muted: #bdc1c6;\n  --clarus-color-border: #3c4043;\n  --clarus-color-surface: #202124;\n  --clarus-color-subtle: #2b2c2f;\n}","*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nhtml {\n  line-height: var(--clarus-line-height-base);\n  text-size-adjust: 100%;\n}\n\nbody {\n  margin: 0;\n  color: var(--clarus-color-text);\n  background-color: var(--clarus-color-surface);\n}\n","@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n.form-row {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: baseline;\n  justify-content: flex-start;\n  width: 100%;\n  min-height: 10px;\n}\n\n.form-col {\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  align-items: flex-start;\n  justify-content: flex-end;\n}\n\n.form-label {\n  width: 120px;\n  margin-left: 8px;\n  margin-bottom: 2px;\n  color: var(--clarus-color-muted);\n  font-size: $font-size-sm;\n  font-weight: $font-weight-regular;\n\n  @include truncate;\n}\n\n.form-text {\n  width: 120px;\n  margin-top: 4px;\n  padding: 4px 8px;\n  border-radius: var(--clarus-radius-sm);\n  color: $color-gray-500;\n  font-size: $font-size-xs;\n  font-weight: $font-weight-regular;\n\n  @include truncate;\n}\n\n.form-control {\n  height: 38px;\n  padding: 0 7px;\n  border: 1px solid var(--clarus-color-border);\n  border-radius: var(--clarus-radius-sm);\n  color: var(--clarus-color-text);\n  background-color: var(--clarus-color-surface);\n  font-size: $font-size-md;\n  font-weight: $font-weight-medium;\n}\n\n.form-control::placeholder {\n  color: $color-gray-500;\n}\n\n.form-control:focus {\n  @include focus-ring;\n}\n\n.form-control:disabled {\n  color: $color-gray-500;\n  background-color: $color-gray-200;\n  opacity: 0.4;\n  pointer-events: none;\n}\n\n.form-control-sm {\n  height: 30px;\n  font-size: $font-size-xs;\n}\n\n.form-control-lg {\n  height: 46px;\n  font-size: $font-size-md;\n}\n\n.form-size-sm {\n  width: 120px;\n}\n\n.form-size-md {\n  width: 180px;\n}\n\n.form-size-lg {\n  width: 240px;\n}\n\n.form-size-xl {\n  width: 300px;\n}\n\n.form-size-xxl {\n  width: 360px;\n}\n","$font-family-sans: \"Google Sans Flex\", sans-serif !default;\n$font-family-mono: \"Source Code Pro\", monospace !default;\n\n$font-size-xs: 0.65rem !default;\n$font-size-sm: 0.75rem !default;\n$font-size-md: 0.85rem !default;\n$font-size-lg: 1rem !default;\n\n$font-weight-regular: 400 !default;\n$font-weight-medium: 500 !default;\n$line-height-base: 1.5 !default;\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@mixin media-breakpoint-up($name) {\n  $min: map.get($breakpoints, $name);\n\n  @if $min == null {\n    @error \"Unknown breakpoint `#{$name}`.\";\n  }\n\n  @if $min == 0 {\n    @content;\n  } @else {\n    @media (min-width: $min) {\n      @content;\n    }\n  }\n}\n\n@function breakpoint-infix($name) {\n  @if $name == xs {\n    @return \"\";\n  }\n\n  @return \"-#{$name}\";\n}\n\n@mixin focus-ring($color: var(--clarus-color-primary)) {\n  outline: none;\n  border-color: $color;\n  box-shadow: 0 0 5px 2px color-mix(in srgb, #{$color} 20%, transparent);\n}\n\n@mixin truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","$color-white: #ffffff !default;\n$color-black: #000000 !default;\n\n$color-primary: #1a73e8 !default;\n$color-success: #1fca7a !default;\n$color-warning: #f9ab00 !default;\n$color-danger: #d93025 !default;\n$color-info: #1a73e8 !default;\n\n$color-gray-100: #f8f9fa !default;\n$color-gray-200: #e9ecef !default;\n$color-gray-300: #ced4da !default;\n$color-gray-500: #bbbbbb !default;\n$color-gray-600: #777777 !default;\n$color-gray-900: #202124 !default;\n\n$theme-colors: (\n  primary: $color-primary,\n  success: $color-success,\n  warning: $color-warning,\n  danger: $color-danger,\n  info: $color-info\n) !default;\n","[data-theme=\"dark\"] {\n  --clarus-color-text: #f1f3f4;\n  --clarus-color-muted: #bdc1c6;\n  --clarus-color-border: #3c4043;\n  --clarus-color-surface: #202124;\n  --clarus-color-subtle: #2b2c2f;\n}\n"]}