chore(release): bump version to 1.0.0-alpha.26

closes #12

Author: obillekyle

packages/lib/src/App/app-comp.vue

@@ -54,6 +54,7 @@
         placeholder="Input"
         left-icon="material-symbols:search"
         span
+        textbox
         @change="(e) => console.log(e)"
         prefix="Hello"
       />
@@ -63,6 +64,22 @@
         span
         left-icon="material-symbols:monetization-on-outline-rounded"
       />
+      <TextInput
+        class="input"
+        placeholder="Input"
+        span
+        prefix="Hello"
+        variant="outlined"
+      />
+      <TextInput
+        class="input"
+        placeholder="Input"
+        left-icon="material-symbols:search"
+        span
+        textbox
+        prefix="Hello"
+        variant="outlined"
+      />
       <TextInput
         class="input"
         placeholder="Input"
@@ -79,6 +96,10 @@
 
         <Checkbox />
         <Checkbox default-checked />
+        <Radio>
+          <RadioItem value="Hello" label="Hello" />
+          <RadioItem value="Hello2" label="Hello2" />
+        </Radio>
       </div>
     </div>
 
@@ -176,7 +197,7 @@
         ab.
       </Scroller>
 
-      <Floater offset="#xxs">
+      <Floater offset="#sm">
         <IconButton icon="material-symbols:inbox-outline-rounded" />
       </Floater>
       <Floater text="3" offset="#xxs">
@@ -306,6 +327,8 @@
   import IconButton from '@/components/Button/icon-button.vue'
   import CardBody from '@/components/Card/card-body.vue'
   import Card from '@/components/Card/card.vue'
+  import Radio from '@/components/Input/radio.vue'
+  import RadioItem from '@/components/Input/radio-item.vue'
   import Checkbox from '@/components/Input/checkbox.vue'
   import ChipGroup from '@/components/Chip/chip-group.vue'
   import Chip from '@/components/Chip/chip.vue'

packages/lib/src/App/layout-inherit.vue

@@ -17,7 +17,7 @@
   import TabSwitcher from '@/components/AppBar/tab-switcher.vue'
   import TopBar from '@/components/AppBar/top-bar.vue'
 
-  const isDark = ref(true)
+  const partial = ref(true)
   const [root, setRoot] = customRef<HTMLElement>()
   const focusLock = useFocusLock(root)
   useTooltip(root, 'class')
@@ -77,13 +77,14 @@
       </Button>
       <Text> State of focus lock: {{ focusLock }} </Text>
 
-      <Switch v-model="isDark" />
-      <Text :p="isDark ? '#sm' : '#lg'">
+      <Text>
         Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
         eiusmod tempor incididunt ut labore et dolore magna aliqua.
       </Text>
 
-      <Checkbox />
+      <span>Partial: {{ partial }}</span>
+      <Switch v-model="partial" />
+      <Checkbox :partial />
 
       <List
         v-model="items"

packages/lib/src/assets/button.scss

@@ -1,5 +1,7 @@
 .md-button {
-  height: calc(var(--component-sm) * var(--scale));
+  --size: calc(var(--component-sm) * var(--scale));
+
+  height: var(--size);
   padding-inline: calc(var(--md) * var(--scale));
 
   &.text {
@@ -8,16 +10,19 @@
 }
 
 .md-chip {
-  height: calc(var(--component-xs) * var(--scale));
+  --size: calc(var(--component-xs) * var(--scale));
+
   padding-inline: calc(var(--sm) * var(--scale));
 }
 
 .md-button,
 .md-chip {
-  --scale: 2;
+  --scale: 1;
+  --rounded: calc(var(--size) / 2);
 
   border: none;
   position: relative;
+  height: var(--size);
   display: inline-flex;
   align-items: center;
   vertical-align: top;
@@ -95,10 +100,7 @@
 
   &-group {
     display: inline-flex;
-  }
-
-  &-group & {
-    box-shadow: 0 0 0 1px inset var(--outline) !important;
+    gap: calc(var(--xxs) / 2);
   }
 
   &:disabled {
@@ -117,21 +119,17 @@
     flex: 1 1 auto;
   }
 
-  &-group &:not(:first-child) {
-    margin-inline-start: -1px;
-  }
-
   &-group &:not(:first-child, :last-child) {
-    border-radius: 0 !important;
+    border-radius: var(--xxs);
   }
 
   &-group &:first-child:not(:last-child) {
-    border-top-right-radius: 0 !important;
-    border-bottom-right-radius: 0 !important;
+    border-top-right-radius: var(--xxs);
+    border-bottom-right-radius: var(--xxs);
   }
 
   &-group &:last-child:not(:first-child) {
-    border-top-left-radius: 0 !important;
-    border-bottom-left-radius: 0 !important;
+    border-top-left-radius: var(--xxs);
+    border-bottom-left-radius: var(--xxs);
   }
 }