From 1c9fa6c4326d2527f1db58f6d94c19ab3e215031 Mon Sep 17 00:00:00 2001
From: AnnaRybkina <37986637+AnnaRybkina@users.noreply.github.com>
Date: Fri, 1 Sep 2023 13:48:47 +0200
Subject: [PATCH 01/17] fix: use new button classes and improve conditions
 (#62)

---
 components/button/w-button.vue | 59 +++++++++++++++++++++++++---------
 dev/pages/Button.vue           |  4 +--
 package.json                   |  2 +-
 pnpm-lock.yaml                 | 26 ++++++---------
 test/wButton.test.js           |  2 +-
 5 files changed, 58 insertions(+), 35 deletions(-)

diff --git a/components/button/w-button.vue b/components/button/w-button.vue
index 00d5d1d4..aac29a4d 100644
--- a/components/button/w-button.vue
+++ b/components/button/w-button.vue
@@ -50,22 +50,51 @@ const props = defineProps({
   label: String,
 })
 
+const buttonType = buttonTypes.find(b => !!props[b]);
+
 const buttonClass = computed(() => ({
-  [ccButton.buttonSecondary]: props.secondary && !props.quiet || !buttonTypes.find(b => !!props[b]),
-  // primary buttons
-  [ccButton.buttonPrimary]: props.primary && !props.negative,
-  [ccButton.buttonDestructive]: props.primary && props.negative,
-  // quiet
-  [ccButton.buttonFlat]: (props.secondary || (!props.negative && !props.utility)) && props.quiet,
-  [ccButton.buttonDestructiveFlat]: props.negative && props.quiet,
-  [ccButton.buttonUtilityFlat]: props.utility && props.quiet,
-  // others
-  [ccButton.buttonSmall]: props.small,
-  [ccButton.buttonUtility]: props.utility && !props.quiet,
-  [ccButton.buttonLink]: props.link,
-  [ccButton.buttonPill]: props.pill,
-  [ccButton.buttonInProgress]: props.loading,
-  [ccButton.buttonIsDisabled]: props.disabled,
+  [ccButton.secondary]: (props.secondary || !buttonType) && !props.small && !props.quiet && !props.loading,
+  [ccButton.secondarySmall]: props.secondary && props.small && !props.quiet && !props.loading,
+  [ccButton.secondarySmallLoading]: props.secondary && props.small && !props.quiet && props.loading,
+  [ccButton.secondarySmallQuiet]: props.secondary && props.small && props.quiet && !props.loading,
+  [ccButton.secondarySmallQuietLoading]: props.secondary && props.small && props.quiet && props.loading,
+  [ccButton.secondaryQuiet]: props.secondary && !props.small && props.quiet && !props.loading,
+  [ccButton.secondaryQuietLoading]: props.secondary && !props.small && props.quiet && props.loading,
+  [ccButton.secondaryLoading]: props.secondary && !props.small && !props.quiet && props.loading,
+  
+  [ccButton.primary]: props.primary && !props.small && !props.quiet && !props.loading,
+  [ccButton.primarySmall]: props.primary && props.small && !props.quiet && !props.loading,
+  [ccButton.primarySmallQuiet]: props.primary && props.small && props.quiet && !props.loading,
+  [ccButton.primarySmallLoading]: props.primary && props.small && !props.quiet && props.loading,
+  [ccButton.primarySmallQuietLoading]: props.primary && props.small && props.quiet && props.loading,
+  [ccButton.primaryQuiet]: props.primary && !props.small && props.quiet && !props.loading,
+  [ccButton.primaryQuietLoading]: props.primary && !props.small && props.quiet && props.loading,
+  [ccButton.primaryLoading]: props.primary && !props.small && !props.quiet && props.loading,
+
+  [ccButton.utility]: props.utility && !props.small && !props.quiet && !props.loading,
+  [ccButton.utilitySmall]: props.utility && props.small && !props.quiet && !props.loading,
+  [ccButton.utilitySmallQuiet]: props.utility && props.small && props.quiet && !props.loading,
+  [ccButton.utilitySmallLoading]: props.utility && props.small && !props.quiet && props.loading,
+  [ccButton.utilitySmallQuietLoading]: props.utility && props.small && props.quiet && props.loading,
+  [ccButton.utilityQuiet]: props.utility && !props.small && props.quiet && !props.loading,
+  [ccButton.utilityQuietLoading]: props.utility && !props.small && props.quiet && props.loading,
+  [ccButton.utilityLoading]: props.utility && !props.small && !props.quiet && props.loading,
+
+  [ccButton.negative]: props.negative && !props.small && !props.quiet && !props.loading,
+  [ccButton.negativeSmall]: props.negative && props.small && !props.quiet && !props.loading,
+  [ccButton.negativeSmallQuiet]: props.negative && props.small && props.quiet && !props.loading,
+  [ccButton.negativeSmallLoading]: props.negative && props.small && !props.quiet && props.loading,
+  [ccButton.negativeSmallQuietLoading]: props.negative && props.small && props.quiet && props.loading,
+  [ccButton.negativeQuiet]: props.negative && !props.small && props.quiet && !props.loading,
+  [ccButton.negativeQuietLoading]: props.negative && !props.small && props.quiet && props.loading,
+  [ccButton.negativeLoading]: props.negative && !props.small && !props.quiet && props.loading,
+
+  [ccButton.pill]: props.pill && !props.small && !props.loading,
+  [ccButton.pillSmall]: props.pill && props.small && !props.loading,
+  [ccButton.pillLoading]: props.pill && !props.small && props.loading,
+  [ccButton.pillSmallLoading]: props.pill && props.small && props.loading,
+  [ccButton.link]: props.link && !props.small,
+  [ccButton.linkSmall]: props.link && props.small,
   [ccButton.linkAsButton]: !!props.href,
 }))
 
diff --git a/dev/pages/Button.vue b/dev/pages/Button.vue
index 0a6cd9a8..081ba915 100644
--- a/dev/pages/Button.vue
+++ b/dev/pages/Button.vue
@@ -8,13 +8,13 @@ const active = useIsActive(variants)
 const variantControls = [
   { name: 'Primary', radio },
   { name: 'Secondary', radio },
+  { name: 'Negative', radio },
   { name: 'Link', radio },
   { name: 'Utility', radio },
   { name: 'Pill', radio },
 ]
 
 const modifierControls = [
-  { name: 'Negative', checkbox },
   { name: 'Quiet', checkbox },
   { name: 'Small', checkbox },
   { name: 'Loading', checkbox }
@@ -30,7 +30,7 @@ const modifiers = reactive(buildCheckboxState({ controls: modifierControls }))
       <w-button
         :primary="active('Primary')"
         :secondary="active('Secondary')"
-        :negative="modifiers.Negative"
+        :negative="active('Negative')"
         :link="active('Link')"
         :utility="active('Utility')"
         :pill="active('Pill')"
diff --git a/package.json b/package.json
index 396d6fca..845c2715 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,7 @@
   "dependencies": {
     "@lingui/core": "^4.3.0",
     "@warp-ds/core": "^1.0.0",
-    "@warp-ds/css": "^1.0.0",
+    "@warp-ds/css": "^1.0.1",
     "@warp-ds/uno": "^1.0.0",
     "@floating-ui/dom": "^1.5.1",
     "create-v-model": "^2.2.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 45de5a02..2295892e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -15,8 +15,8 @@ dependencies:
     specifier: ^1.0.0
     version: 1.0.0
   '@warp-ds/css':
-    specifier: ^1.0.0
-    version: 1.0.0
+    specifier: ^1.0.1
+    version: 1.0.1
   '@warp-ds/uno':
     specifier: ^1.0.0
     version: 1.0.0
@@ -99,7 +99,7 @@ devDependencies:
     version: 0.14.3
   unocss:
     specifier: ^0.55.3
-    version: 0.55.3(postcss@8.4.26)(vite@4.4.9)
+    version: 0.55.3(postcss@8.4.29)(vite@4.4.9)
   vite:
     specifier: ^4.4.9
     version: 4.4.9(@types/node@20.4.2)
@@ -1756,7 +1756,7 @@ packages:
       sirv: 2.0.3
     dev: true
 
-  /@unocss/postcss@0.55.3(postcss@8.4.26):
+  /@unocss/postcss@0.55.3(postcss@8.4.29):
     resolution: {integrity: sha512-JWfjtSLGuYFWcZwP3eUT2ItdRwehnpmry36cMSuuPNLXG0SPtklP2LRFahvgH85YhASNDAL2OIHP4jGTlG2Jfw==}
     engines: {node: '>=14'}
     peerDependencies:
@@ -1767,7 +1767,7 @@ packages:
       css-tree: 2.3.1
       fast-glob: 3.3.1
       magic-string: 0.30.3
-      postcss: 8.4.26
+      postcss: 8.4.29
     dev: true
 
   /@unocss/preset-attributify@0.55.3:
@@ -2050,8 +2050,8 @@ packages:
       '@floating-ui/dom': 0.5.4
     dev: false
 
-  /@warp-ds/css@1.0.0:
-    resolution: {integrity: sha512-rxzEBKl5g7RP+5S27+gwhceO6clMHiYfRbbaDmJVJMyUNU8JwfYoMovoeVlJLLK0yh/v7yOdmUpP8/tJqqcB5w==}
+  /@warp-ds/css@1.0.1:
+    resolution: {integrity: sha512-FeLaYSe6G5wcI1SENkbGrArEMPGmewwwCMgWQh1944iC3NgLXGWEx3ZRHcBNfiMJImpuZeaHSUOM3yozYbZvbw==}
     dependencies:
       '@warp-ds/fonts': 1.1.0
       '@warp-ds/tokenizer': 0.0.2
@@ -4363,15 +4363,9 @@ packages:
       get-func-name: 2.0.0
     dev: true
 
-  /lru-cache@10.0.0:
-    resolution: {integrity: sha512-svTf/fzsKHffP42sujkO/Rjs37BCIsQVRCeNYIm9WN8rgT7ffoUnRtZCqU+6BqcSBdv8gwJeTz8knJpgACeQMw==}
-    engines: {node: 14 || >=16.14}
-    dev: false
-
   /lru-cache@10.0.1:
     resolution: {integrity: sha512-IJ4uwUTi2qCccrioU6g9g/5rvvVl13bsdczUUcqbciD9iLr095yj8DQKdObriEvuNSx325N1rV1O0sJFszx75g==}
     engines: {node: 14 || >=16.14}
-    dev: true
 
   /lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
@@ -5087,7 +5081,7 @@ packages:
     resolution: {integrity: sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==}
     engines: {node: '>=16 || 14 >=14.17'}
     dependencies:
-      lru-cache: 10.0.0
+      lru-cache: 10.0.1
       minipass: 7.0.2
     dev: false
 
@@ -6091,7 +6085,7 @@ packages:
     engines: {node: '>= 10.0.0'}
     dev: true
 
-  /unocss@0.55.3(postcss@8.4.26)(vite@4.4.9):
+  /unocss@0.55.3(postcss@8.4.29)(vite@4.4.9):
     resolution: {integrity: sha512-laHtypsgqXQ8798h8cYO1fkxPumSQG8Y7GDvvSY1TWmha+mbl1YzbHqakxiJvoThJrMFLiwmpZ2vD7KFbzfGfg==}
     engines: {node: '>=14'}
     peerDependencies:
@@ -6107,7 +6101,7 @@ packages:
       '@unocss/cli': 0.55.3
       '@unocss/core': 0.55.3
       '@unocss/extractor-arbitrary-variants': 0.55.3
-      '@unocss/postcss': 0.55.3(postcss@8.4.26)
+      '@unocss/postcss': 0.55.3(postcss@8.4.29)
       '@unocss/preset-attributify': 0.55.3
       '@unocss/preset-icons': 0.55.3
       '@unocss/preset-mini': 0.55.3
diff --git a/test/wButton.test.js b/test/wButton.test.js
index 543ad0ab..f02b05bd 100644
--- a/test/wButton.test.js
+++ b/test/wButton.test.js
@@ -21,7 +21,7 @@ describe('button', () => {
   test('primary', () => {
     const wrapper = mount(wButton, { props: { primary: true, label } })
     assert.equal(wrapper.text(), 'Hello Warp')
-    assert.include(wrapper.classes().join(' '), ccButton.buttonPrimary)
+    assert.include(wrapper.classes().join(' '), ccButton.primary)
   })
   test('href', () => {
     const href = 'https://finn.no'

From e38d397563f63307b5a887617d92b346a9354a5e Mon Sep 17 00:00:00 2001
From: semantic-release-bot <semantic-release-bot@martynus.net>
Date: Fri, 1 Sep 2023 11:49:30 +0000
Subject: [PATCH 02/17] chore(release): 1.0.1-next.1 [skip ci]

---
 CHANGELOG.md | 7 +++++++
 package.json | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index c8d114e8..f4823904 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,10 @@
+## [1.0.1-next.1](https://github.com/warp-ds/vue/compare/v1.0.0...v1.0.1-next.1) (2023-09-01)
+
+
+### Bug Fixes
+
+* use new button classes and improve conditions ([#62](https://github.com/warp-ds/vue/issues/62)) ([1c9fa6c](https://github.com/warp-ds/vue/commit/1c9fa6c4326d2527f1db58f6d94c19ab3e215031))
+
 # 1.0.0 (2023-08-31)
 
 
diff --git a/package.json b/package.json
index 845c2715..809138ff 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@warp-ds/vue",
   "repository": "git@github.com:warp-ds/vue.git",
-  "version": "1.0.0",
+  "version": "1.0.1-next.1",
   "description": "Warp components for Vue 3",
   "type": "module",
   "exports": {

From c9d4950278ee7bbddc80709b3a2161009c15aa2a Mon Sep 17 00:00:00 2001
From: AnnaRybkina <37986637+AnnaRybkina@users.noreply.github.com>
Date: Mon, 4 Sep 2023 08:53:12 +0200
Subject: [PATCH 03/17] fix: add test case for negative button as it is not
 just modifier anymore but it is own button type (#63)

---
 test/wButton.test.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/test/wButton.test.js b/test/wButton.test.js
index f02b05bd..2688e183 100644
--- a/test/wButton.test.js
+++ b/test/wButton.test.js
@@ -23,6 +23,11 @@ describe('button', () => {
     assert.equal(wrapper.text(), 'Hello Warp')
     assert.include(wrapper.classes().join(' '), ccButton.primary)
   })
+  test('negative', () => {
+    const wrapper = mount(wButton, { props: { negative: true, label } })
+    assert.equal(wrapper.text(), 'Hello Warp')
+    assert.include(wrapper.classes().join(' '), ccButton.negative)
+  })
   test('href', () => {
     const href = 'https://finn.no'
     const wrapper = mount(wButton, { props: { label, href } })

From 5c4395817c9540dc2396b69b7116aba20209d04f Mon Sep 17 00:00:00 2001
From: semantic-release-bot <semantic-release-bot@martynus.net>
Date: Mon, 4 Sep 2023 06:53:52 +0000
Subject: [PATCH 04/17] chore(release): 1.0.1-next.1 [skip ci]

## [1.0.1-next.1](https://github.com/warp-ds/vue/compare/v1.0.0...v1.0.1-next.1) (2023-09-04)

### Bug Fixes

* add test case for negative button as it is not just modifier anymore but it is own button type ([#63](https://github.com/warp-ds/vue/issues/63)) ([c9d4950](https://github.com/warp-ds/vue/commit/c9d4950278ee7bbddc80709b3a2161009c15aa2a))
* use new button classes and improve conditions ([#62](https://github.com/warp-ds/vue/issues/62)) ([1c9fa6c](https://github.com/warp-ds/vue/commit/1c9fa6c4326d2527f1db58f6d94c19ab3e215031))
---
 CHANGELOG.md | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f4823904..b6a1bf27 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,11 @@
+## [1.0.1-next.1](https://github.com/warp-ds/vue/compare/v1.0.0...v1.0.1-next.1) (2023-09-04)
+
+
+### Bug Fixes
+
+* add test case for negative button as it is not just modifier anymore but it is own button type ([#63](https://github.com/warp-ds/vue/issues/63)) ([c9d4950](https://github.com/warp-ds/vue/commit/c9d4950278ee7bbddc80709b3a2161009c15aa2a))
+* use new button classes and improve conditions ([#62](https://github.com/warp-ds/vue/issues/62)) ([1c9fa6c](https://github.com/warp-ds/vue/commit/1c9fa6c4326d2527f1db58f6d94c19ab3e215031))
+
 ## [1.0.1-next.1](https://github.com/warp-ds/vue/compare/v1.0.0...v1.0.1-next.1) (2023-09-01)
 
 

From cde407790650b8b694b2cd5d26ede774719a8ae3 Mon Sep 17 00:00:00 2001
From: Balbina K <41303231+BalbinaK@users.noreply.github.com>
Date: Mon, 18 Sep 2023 10:59:09 +0200
Subject: [PATCH 05/17] fix(buttons): set secondary variant styles by default
 (#67)

Fixes issues where buttons receiving only modifier props like small, loading, quiet (without any
variant prop) weren't applying any classes. The default button variant in such case should be
"secondary".
---
 components/button/w-button.vue | 20 ++++++++++----------
 test/wButton.test.js           | 12 ++++++++++++
 2 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/components/button/w-button.vue b/components/button/w-button.vue
index aac29a4d..3da4b124 100644
--- a/components/button/w-button.vue
+++ b/components/button/w-button.vue
@@ -26,7 +26,7 @@ const ariaValueText = i18n._({
   comment: 'Screenreader message for buttons that are loading'
 });
 
-const buttonTypes = [    
+const buttonVariants = [
   'primary',
   'secondary',
   'negative',
@@ -50,17 +50,17 @@ const props = defineProps({
   label: String,
 })
 
-const buttonType = buttonTypes.find(b => !!props[b]);
+const defaultVariant = props.secondary || !buttonVariants.find(b => !!props[b]);
 
 const buttonClass = computed(() => ({
-  [ccButton.secondary]: (props.secondary || !buttonType) && !props.small && !props.quiet && !props.loading,
-  [ccButton.secondarySmall]: props.secondary && props.small && !props.quiet && !props.loading,
-  [ccButton.secondarySmallLoading]: props.secondary && props.small && !props.quiet && props.loading,
-  [ccButton.secondarySmallQuiet]: props.secondary && props.small && props.quiet && !props.loading,
-  [ccButton.secondarySmallQuietLoading]: props.secondary && props.small && props.quiet && props.loading,
-  [ccButton.secondaryQuiet]: props.secondary && !props.small && props.quiet && !props.loading,
-  [ccButton.secondaryQuietLoading]: props.secondary && !props.small && props.quiet && props.loading,
-  [ccButton.secondaryLoading]: props.secondary && !props.small && !props.quiet && props.loading,
+  [ccButton.secondary]: defaultVariant && !props.small && !props.quiet && !props.loading,
+  [ccButton.secondarySmall]: defaultVariant && props.small && !props.quiet && !props.loading,
+  [ccButton.secondarySmallLoading]: defaultVariant && props.small && !props.quiet && props.loading,
+  [ccButton.secondarySmallQuiet]: defaultVariant && props.small && props.quiet && !props.loading,
+  [ccButton.secondarySmallQuietLoading]: defaultVariant && props.small && props.quiet && props.loading,
+  [ccButton.secondaryQuiet]: defaultVariant && !props.small && props.quiet && !props.loading,
+  [ccButton.secondaryQuietLoading]: defaultVariant && !props.small && props.quiet && props.loading,
+  [ccButton.secondaryLoading]: defaultVariant && !props.small && !props.quiet && props.loading,
   
   [ccButton.primary]: props.primary && !props.small && !props.quiet && !props.loading,
   [ccButton.primarySmall]: props.primary && props.small && !props.quiet && !props.loading,
diff --git a/test/wButton.test.js b/test/wButton.test.js
index 2688e183..a1c22a27 100644
--- a/test/wButton.test.js
+++ b/test/wButton.test.js
@@ -28,6 +28,18 @@ describe('button', () => {
     assert.equal(wrapper.text(), 'Hello Warp')
     assert.include(wrapper.classes().join(' '), ccButton.negative)
   })
+  test('no variant should default to secondary', () => {
+    const wrapper = mount(wButton)
+    assert.include(wrapper.classes().join(' '), ccButton.secondary)
+  })
+  test('small with no variant should default to secondary small', () => {
+    const wrapper = mount(wButton, { props: { small: true } })
+    assert.include(wrapper.classes().join(' '), ccButton.secondarySmall)
+  })
+  test('small & quiet with no variant should default to secondary small quiet', () => {
+    const wrapper = mount(wButton, { props: { small: true, quiet: true } })
+    assert.include(wrapper.classes().join(' '), ccButton.secondarySmallQuiet)
+  })
   test('href', () => {
     const href = 'https://finn.no'
     const wrapper = mount(wButton, { props: { label, href } })

From 5ec73bf2e6d761821df8de94d0dad41f7f5b6336 Mon Sep 17 00:00:00 2001
From: semantic-release-bot <semantic-release-bot@martynus.net>
Date: Mon, 18 Sep 2023 09:00:11 +0000
Subject: [PATCH 06/17] chore(release): 1.0.1-next.1 [skip ci]

## [1.0.1-next.1](https://github.com/warp-ds/vue/compare/v1.0.0...v1.0.1-next.1) (2023-09-18)

### Bug Fixes

* add test case for negative button as it is not just modifier anymore but it is own button type ([#63](https://github.com/warp-ds/vue/issues/63)) ([c9d4950](https://github.com/warp-ds/vue/commit/c9d4950278ee7bbddc80709b3a2161009c15aa2a))
* **buttons:** set secondary variant styles by default ([#67](https://github.com/warp-ds/vue/issues/67)) ([cde4077](https://github.com/warp-ds/vue/commit/cde407790650b8b694b2cd5d26ede774719a8ae3))
* use new button classes and improve conditions ([#62](https://github.com/warp-ds/vue/issues/62)) ([1c9fa6c](https://github.com/warp-ds/vue/commit/1c9fa6c4326d2527f1db58f6d94c19ab3e215031))
---
 CHANGELOG.md | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index b6a1bf27..d001453a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,12 @@
+## [1.0.1-next.1](https://github.com/warp-ds/vue/compare/v1.0.0...v1.0.1-next.1) (2023-09-18)
+
+
+### Bug Fixes
+
+* add test case for negative button as it is not just modifier anymore but it is own button type ([#63](https://github.com/warp-ds/vue/issues/63)) ([c9d4950](https://github.com/warp-ds/vue/commit/c9d4950278ee7bbddc80709b3a2161009c15aa2a))
+* **buttons:** set secondary variant styles by default ([#67](https://github.com/warp-ds/vue/issues/67)) ([cde4077](https://github.com/warp-ds/vue/commit/cde407790650b8b694b2cd5d26ede774719a8ae3))
+* use new button classes and improve conditions ([#62](https://github.com/warp-ds/vue/issues/62)) ([1c9fa6c](https://github.com/warp-ds/vue/commit/1c9fa6c4326d2527f1db58f6d94c19ab3e215031))
+
 ## [1.0.1-next.1](https://github.com/warp-ds/vue/compare/v1.0.0...v1.0.1-next.1) (2023-09-04)
 
 

From 364a355e45c4c32ce39458e00f86da797000c8e6 Mon Sep 17 00:00:00 2001
From: Balbina K <41303231+BalbinaK@users.noreply.github.com>
Date: Mon, 18 Sep 2023 15:19:41 +0200
Subject: [PATCH 07/17] fix(changelog): remove changes related to unreleased
 commits (#68)

There was a bug with v1.0.1-next.1 tag pointing at a wrong commit hash, which resulted in the last two
releases to NPM fail. This bug was caused by an attempt to update a semantic-release-bot commit and force-pushing it to 'next' branch. The commit hash changed and so semantic release had no reference to the commit tagged by v1.0.1-next.1.

The solution was to force-update the referenced commit hash in v1.0.1-next.1 tag.
---
 CHANGELOG.md | 17 -----------------
 1 file changed, 17 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d001453a..f4823904 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,20 +1,3 @@
-## [1.0.1-next.1](https://github.com/warp-ds/vue/compare/v1.0.0...v1.0.1-next.1) (2023-09-18)
-
-
-### Bug Fixes
-
-* add test case for negative button as it is not just modifier anymore but it is own button type ([#63](https://github.com/warp-ds/vue/issues/63)) ([c9d4950](https://github.com/warp-ds/vue/commit/c9d4950278ee7bbddc80709b3a2161009c15aa2a))
-* **buttons:** set secondary variant styles by default ([#67](https://github.com/warp-ds/vue/issues/67)) ([cde4077](https://github.com/warp-ds/vue/commit/cde407790650b8b694b2cd5d26ede774719a8ae3))
-* use new button classes and improve conditions ([#62](https://github.com/warp-ds/vue/issues/62)) ([1c9fa6c](https://github.com/warp-ds/vue/commit/1c9fa6c4326d2527f1db58f6d94c19ab3e215031))
-
-## [1.0.1-next.1](https://github.com/warp-ds/vue/compare/v1.0.0...v1.0.1-next.1) (2023-09-04)
-
-
-### Bug Fixes
-
-* add test case for negative button as it is not just modifier anymore but it is own button type ([#63](https://github.com/warp-ds/vue/issues/63)) ([c9d4950](https://github.com/warp-ds/vue/commit/c9d4950278ee7bbddc80709b3a2161009c15aa2a))
-* use new button classes and improve conditions ([#62](https://github.com/warp-ds/vue/issues/62)) ([1c9fa6c](https://github.com/warp-ds/vue/commit/1c9fa6c4326d2527f1db58f6d94c19ab3e215031))
-
 ## [1.0.1-next.1](https://github.com/warp-ds/vue/compare/v1.0.0...v1.0.1-next.1) (2023-09-01)
 
 

From b9bc3174666390d369a0fcf2a18f04483dca7edb Mon Sep 17 00:00:00 2001
From: semantic-release-bot <semantic-release-bot@martynus.net>
Date: Mon, 18 Sep 2023 13:20:28 +0000
Subject: [PATCH 08/17] chore(release): 1.0.1-next.1 [skip ci]

## [1.0.1-next.1](https://github.com/warp-ds/vue/compare/v1.0.0...v1.0.1-next.1) (2023-09-18)

### Bug Fixes

* add test case for negative button as it is not just modifier anymore but it is own button type ([#63](https://github.com/warp-ds/vue/issues/63)) ([c9d4950](https://github.com/warp-ds/vue/commit/c9d4950278ee7bbddc80709b3a2161009c15aa2a))
* **buttons:** set secondary variant styles by default ([#67](https://github.com/warp-ds/vue/issues/67)) ([cde4077](https://github.com/warp-ds/vue/commit/cde407790650b8b694b2cd5d26ede774719a8ae3))
* **changelog:** remove changes related to unreleased commits ([#68](https://github.com/warp-ds/vue/issues/68)) ([364a355](https://github.com/warp-ds/vue/commit/364a355e45c4c32ce39458e00f86da797000c8e6))
* use new button classes and improve conditions ([#62](https://github.com/warp-ds/vue/issues/62)) ([1c9fa6c](https://github.com/warp-ds/vue/commit/1c9fa6c4326d2527f1db58f6d94c19ab3e215031))
---
 CHANGELOG.md | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f4823904..ce257044 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,13 @@
+## [1.0.1-next.1](https://github.com/warp-ds/vue/compare/v1.0.0...v1.0.1-next.1) (2023-09-18)
+
+
+### Bug Fixes
+
+* add test case for negative button as it is not just modifier anymore but it is own button type ([#63](https://github.com/warp-ds/vue/issues/63)) ([c9d4950](https://github.com/warp-ds/vue/commit/c9d4950278ee7bbddc80709b3a2161009c15aa2a))
+* **buttons:** set secondary variant styles by default ([#67](https://github.com/warp-ds/vue/issues/67)) ([cde4077](https://github.com/warp-ds/vue/commit/cde407790650b8b694b2cd5d26ede774719a8ae3))
+* **changelog:** remove changes related to unreleased commits ([#68](https://github.com/warp-ds/vue/issues/68)) ([364a355](https://github.com/warp-ds/vue/commit/364a355e45c4c32ce39458e00f86da797000c8e6))
+* use new button classes and improve conditions ([#62](https://github.com/warp-ds/vue/issues/62)) ([1c9fa6c](https://github.com/warp-ds/vue/commit/1c9fa6c4326d2527f1db58f6d94c19ab3e215031))
+
 ## [1.0.1-next.1](https://github.com/warp-ds/vue/compare/v1.0.0...v1.0.1-next.1) (2023-09-01)
 
 

From 4eb675e6eb0f6ad065e43bee3b4400d3aae2b373 Mon Sep 17 00:00:00 2001
From: AnnaRybkina <37986637+AnnaRybkina@users.noreply.github.com>
Date: Tue, 19 Sep 2023 09:56:12 +0200
Subject: [PATCH 09/17] fix: update test for a button and changelog (#69)

---
 CHANGELOG.md         | 10 ----------
 test/wButton.test.js |  4 ++++
 2 files changed, 4 insertions(+), 10 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index ce257044..f4823904 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,13 +1,3 @@
-## [1.0.1-next.1](https://github.com/warp-ds/vue/compare/v1.0.0...v1.0.1-next.1) (2023-09-18)
-
-
-### Bug Fixes
-
-* add test case for negative button as it is not just modifier anymore but it is own button type ([#63](https://github.com/warp-ds/vue/issues/63)) ([c9d4950](https://github.com/warp-ds/vue/commit/c9d4950278ee7bbddc80709b3a2161009c15aa2a))
-* **buttons:** set secondary variant styles by default ([#67](https://github.com/warp-ds/vue/issues/67)) ([cde4077](https://github.com/warp-ds/vue/commit/cde407790650b8b694b2cd5d26ede774719a8ae3))
-* **changelog:** remove changes related to unreleased commits ([#68](https://github.com/warp-ds/vue/issues/68)) ([364a355](https://github.com/warp-ds/vue/commit/364a355e45c4c32ce39458e00f86da797000c8e6))
-* use new button classes and improve conditions ([#62](https://github.com/warp-ds/vue/issues/62)) ([1c9fa6c](https://github.com/warp-ds/vue/commit/1c9fa6c4326d2527f1db58f6d94c19ab3e215031))
-
 ## [1.0.1-next.1](https://github.com/warp-ds/vue/compare/v1.0.0...v1.0.1-next.1) (2023-09-01)
 
 
diff --git a/test/wButton.test.js b/test/wButton.test.js
index a1c22a27..31eeb452 100644
--- a/test/wButton.test.js
+++ b/test/wButton.test.js
@@ -40,6 +40,10 @@ describe('button', () => {
     const wrapper = mount(wButton, { props: { small: true, quiet: true } })
     assert.include(wrapper.classes().join(' '), ccButton.secondarySmallQuiet)
   })
+  test('small & quiet & loading with no variant should default to secondary small quiet loading', () => {
+    const wrapper = mount(wButton, { props: { small: true, quiet: true, loading: true } })
+    assert.include(wrapper.classes().join(' '), ccButton.secondarySmallQuietLoading)
+  })
   test('href', () => {
     const href = 'https://finn.no'
     const wrapper = mount(wButton, { props: { label, href } })

From cb177568897928ad7a64485a51fd8032fc2f3c6d Mon Sep 17 00:00:00 2001
From: semantic-release-bot <semantic-release-bot@martynus.net>
Date: Tue, 19 Sep 2023 07:56:54 +0000
Subject: [PATCH 10/17] chore(release): 1.0.1-next.1 [skip ci]

## [1.0.1-next.1](https://github.com/warp-ds/vue/compare/v1.0.0...v1.0.1-next.1) (2023-09-19)

### Bug Fixes

* add test case for negative button as it is not just modifier anymore but it is own button type ([#63](https://github.com/warp-ds/vue/issues/63)) ([c9d4950](https://github.com/warp-ds/vue/commit/c9d4950278ee7bbddc80709b3a2161009c15aa2a))
* **buttons:** set secondary variant styles by default ([#67](https://github.com/warp-ds/vue/issues/67)) ([cde4077](https://github.com/warp-ds/vue/commit/cde407790650b8b694b2cd5d26ede774719a8ae3))
* **changelog:** remove changes related to unreleased commits ([#68](https://github.com/warp-ds/vue/issues/68)) ([364a355](https://github.com/warp-ds/vue/commit/364a355e45c4c32ce39458e00f86da797000c8e6))
* update test for a button and changelog ([#69](https://github.com/warp-ds/vue/issues/69)) ([4eb675e](https://github.com/warp-ds/vue/commit/4eb675e6eb0f6ad065e43bee3b4400d3aae2b373))
* use new button classes and improve conditions ([#62](https://github.com/warp-ds/vue/issues/62)) ([1c9fa6c](https://github.com/warp-ds/vue/commit/1c9fa6c4326d2527f1db58f6d94c19ab3e215031))
---
 CHANGELOG.md | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f4823904..b81a13af 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,14 @@
+## [1.0.1-next.1](https://github.com/warp-ds/vue/compare/v1.0.0...v1.0.1-next.1) (2023-09-19)
+
+
+### Bug Fixes
+
+* add test case for negative button as it is not just modifier anymore but it is own button type ([#63](https://github.com/warp-ds/vue/issues/63)) ([c9d4950](https://github.com/warp-ds/vue/commit/c9d4950278ee7bbddc80709b3a2161009c15aa2a))
+* **buttons:** set secondary variant styles by default ([#67](https://github.com/warp-ds/vue/issues/67)) ([cde4077](https://github.com/warp-ds/vue/commit/cde407790650b8b694b2cd5d26ede774719a8ae3))
+* **changelog:** remove changes related to unreleased commits ([#68](https://github.com/warp-ds/vue/issues/68)) ([364a355](https://github.com/warp-ds/vue/commit/364a355e45c4c32ce39458e00f86da797000c8e6))
+* update test for a button and changelog ([#69](https://github.com/warp-ds/vue/issues/69)) ([4eb675e](https://github.com/warp-ds/vue/commit/4eb675e6eb0f6ad065e43bee3b4400d3aae2b373))
+* use new button classes and improve conditions ([#62](https://github.com/warp-ds/vue/issues/62)) ([1c9fa6c](https://github.com/warp-ds/vue/commit/1c9fa6c4326d2527f1db58f6d94c19ab3e215031))
+
 ## [1.0.1-next.1](https://github.com/warp-ds/vue/compare/v1.0.0...v1.0.1-next.1) (2023-09-01)
 
 

From 4ea3fdc42bf063b2eff2b1a89708800088c81926 Mon Sep 17 00:00:00 2001
From: AnnaRybkina <37986637+AnnaRybkina@users.noreply.github.com>
Date: Tue, 19 Sep 2023 11:14:22 +0200
Subject: [PATCH 11/17] fix: remove useless test and update changelog (#70)

---
 CHANGELOG.md         | 11 -----------
 test/wButton.test.js |  4 ----
 2 files changed, 15 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index b81a13af..f4823904 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,14 +1,3 @@
-## [1.0.1-next.1](https://github.com/warp-ds/vue/compare/v1.0.0...v1.0.1-next.1) (2023-09-19)
-
-
-### Bug Fixes
-
-* add test case for negative button as it is not just modifier anymore but it is own button type ([#63](https://github.com/warp-ds/vue/issues/63)) ([c9d4950](https://github.com/warp-ds/vue/commit/c9d4950278ee7bbddc80709b3a2161009c15aa2a))
-* **buttons:** set secondary variant styles by default ([#67](https://github.com/warp-ds/vue/issues/67)) ([cde4077](https://github.com/warp-ds/vue/commit/cde407790650b8b694b2cd5d26ede774719a8ae3))
-* **changelog:** remove changes related to unreleased commits ([#68](https://github.com/warp-ds/vue/issues/68)) ([364a355](https://github.com/warp-ds/vue/commit/364a355e45c4c32ce39458e00f86da797000c8e6))
-* update test for a button and changelog ([#69](https://github.com/warp-ds/vue/issues/69)) ([4eb675e](https://github.com/warp-ds/vue/commit/4eb675e6eb0f6ad065e43bee3b4400d3aae2b373))
-* use new button classes and improve conditions ([#62](https://github.com/warp-ds/vue/issues/62)) ([1c9fa6c](https://github.com/warp-ds/vue/commit/1c9fa6c4326d2527f1db58f6d94c19ab3e215031))
-
 ## [1.0.1-next.1](https://github.com/warp-ds/vue/compare/v1.0.0...v1.0.1-next.1) (2023-09-01)
 
 
diff --git a/test/wButton.test.js b/test/wButton.test.js
index 31eeb452..a1c22a27 100644
--- a/test/wButton.test.js
+++ b/test/wButton.test.js
@@ -40,10 +40,6 @@ describe('button', () => {
     const wrapper = mount(wButton, { props: { small: true, quiet: true } })
     assert.include(wrapper.classes().join(' '), ccButton.secondarySmallQuiet)
   })
-  test('small & quiet & loading with no variant should default to secondary small quiet loading', () => {
-    const wrapper = mount(wButton, { props: { small: true, quiet: true, loading: true } })
-    assert.include(wrapper.classes().join(' '), ccButton.secondarySmallQuietLoading)
-  })
   test('href', () => {
     const href = 'https://finn.no'
     const wrapper = mount(wButton, { props: { label, href } })

From 35aeff625a99ec7ca603d399905ecfc64f8b46b7 Mon Sep 17 00:00:00 2001
From: semantic-release-bot <semantic-release-bot@martynus.net>
Date: Tue, 19 Sep 2023 09:15:04 +0000
Subject: [PATCH 12/17] chore(release): 1.0.1-next.2 [skip ci]

## [1.0.1-next.2](https://github.com/warp-ds/vue/compare/v1.0.1-next.1...v1.0.1-next.2) (2023-09-19)

### Bug Fixes

* add test case for negative button as it is not just modifier anymore but it is own button type ([#63](https://github.com/warp-ds/vue/issues/63)) ([c9d4950](https://github.com/warp-ds/vue/commit/c9d4950278ee7bbddc80709b3a2161009c15aa2a))
* **buttons:** set secondary variant styles by default ([#67](https://github.com/warp-ds/vue/issues/67)) ([cde4077](https://github.com/warp-ds/vue/commit/cde407790650b8b694b2cd5d26ede774719a8ae3))
* **changelog:** remove changes related to unreleased commits ([#68](https://github.com/warp-ds/vue/issues/68)) ([364a355](https://github.com/warp-ds/vue/commit/364a355e45c4c32ce39458e00f86da797000c8e6))
* remove useless test and update changelog ([#70](https://github.com/warp-ds/vue/issues/70)) ([4ea3fdc](https://github.com/warp-ds/vue/commit/4ea3fdc42bf063b2eff2b1a89708800088c81926))
* update test for a button and changelog ([#69](https://github.com/warp-ds/vue/issues/69)) ([4eb675e](https://github.com/warp-ds/vue/commit/4eb675e6eb0f6ad065e43bee3b4400d3aae2b373))
---
 CHANGELOG.md | 11 +++++++++++
 package.json |  2 +-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f4823904..e1792789 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,14 @@
+## [1.0.1-next.2](https://github.com/warp-ds/vue/compare/v1.0.1-next.1...v1.0.1-next.2) (2023-09-19)
+
+
+### Bug Fixes
+
+* add test case for negative button as it is not just modifier anymore but it is own button type ([#63](https://github.com/warp-ds/vue/issues/63)) ([c9d4950](https://github.com/warp-ds/vue/commit/c9d4950278ee7bbddc80709b3a2161009c15aa2a))
+* **buttons:** set secondary variant styles by default ([#67](https://github.com/warp-ds/vue/issues/67)) ([cde4077](https://github.com/warp-ds/vue/commit/cde407790650b8b694b2cd5d26ede774719a8ae3))
+* **changelog:** remove changes related to unreleased commits ([#68](https://github.com/warp-ds/vue/issues/68)) ([364a355](https://github.com/warp-ds/vue/commit/364a355e45c4c32ce39458e00f86da797000c8e6))
+* remove useless test and update changelog ([#70](https://github.com/warp-ds/vue/issues/70)) ([4ea3fdc](https://github.com/warp-ds/vue/commit/4ea3fdc42bf063b2eff2b1a89708800088c81926))
+* update test for a button and changelog ([#69](https://github.com/warp-ds/vue/issues/69)) ([4eb675e](https://github.com/warp-ds/vue/commit/4eb675e6eb0f6ad065e43bee3b4400d3aae2b373))
+
 ## [1.0.1-next.1](https://github.com/warp-ds/vue/compare/v1.0.0...v1.0.1-next.1) (2023-09-01)
 
 
diff --git a/package.json b/package.json
index 809138ff..f113e43f 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@warp-ds/vue",
   "repository": "git@github.com:warp-ds/vue.git",
-  "version": "1.0.1-next.1",
+  "version": "1.0.1-next.2",
   "description": "Warp components for Vue 3",
   "type": "module",
   "exports": {

From cb157c9ff5561a07825037dbd8b3934aeab64b77 Mon Sep 17 00:00:00 2001
From: AnnaRybkina <37986637+AnnaRybkina@users.noreply.github.com>
Date: Wed, 20 Sep 2023 12:02:38 +0200
Subject: [PATCH 13/17] docs: add proper instructions to be able to run local
 env with shiki (#73)

---
 CONTRIBUTING.md | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index e4bcc446..c7076b93 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -44,6 +44,14 @@ Install dependencies by running:
 pnpm install
 ```
 
+### Shiki
+
+Run following to prepare for visualizing the examples and corresponding code:
+
+```sh
+pnpm run cp && pnpm run cp:shikifix
+```
+
 
 ### Start dev server
 

From 14129ccae39b8b3c55a1cb4e0033c3e46441c9be Mon Sep 17 00:00:00 2001
From: AnnaRybkina <37986637+AnnaRybkina@users.noreply.github.com>
Date: Wed, 20 Sep 2023 12:02:54 +0200
Subject: [PATCH 14/17] fix: make tabs accessible for using keyboard keys again
 (#71)

---
 components/tabs/w-tab.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/tabs/w-tab.vue b/components/tabs/w-tab.vue
index a6c28eff..f1484cc7 100644
--- a/components/tabs/w-tab.vue
+++ b/components/tabs/w-tab.vue
@@ -48,7 +48,7 @@ const contentClasses = computed(() => ({
     :aria-selected="isActive"
     :aria-controls="isActive ? `warp-tabpanel-${name}` : undefined"
     :tabindex="isActive ? 0 : -1"
-    @keydown="onKeydown"
+    @keydown="controller.onKeydown"
   >
     <span v-if="$slots.default" :class="iconClasses">
       <slot />

From 47c26b78d91e4f4c0b290d3ee218f92cea638923 Mon Sep 17 00:00:00 2001
From: semantic-release-bot <semantic-release-bot@martynus.net>
Date: Wed, 20 Sep 2023 10:03:48 +0000
Subject: [PATCH 15/17] chore(release): 1.0.1-next.3 [skip ci]

## [1.0.1-next.3](https://github.com/warp-ds/vue/compare/v1.0.1-next.2...v1.0.1-next.3) (2023-09-20)

### Bug Fixes

* make tabs accessible for using keyboard keys again ([#71](https://github.com/warp-ds/vue/issues/71)) ([14129cc](https://github.com/warp-ds/vue/commit/14129ccae39b8b3c55a1cb4e0033c3e46441c9be))
---
 CHANGELOG.md | 7 +++++++
 package.json | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index e1792789..20386109 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,10 @@
+## [1.0.1-next.3](https://github.com/warp-ds/vue/compare/v1.0.1-next.2...v1.0.1-next.3) (2023-09-20)
+
+
+### Bug Fixes
+
+* make tabs accessible for using keyboard keys again ([#71](https://github.com/warp-ds/vue/issues/71)) ([14129cc](https://github.com/warp-ds/vue/commit/14129ccae39b8b3c55a1cb4e0033c3e46441c9be))
+
 ## [1.0.1-next.2](https://github.com/warp-ds/vue/compare/v1.0.1-next.1...v1.0.1-next.2) (2023-09-19)
 
 
diff --git a/package.json b/package.json
index f113e43f..9f83ad51 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@warp-ds/vue",
   "repository": "git@github.com:warp-ds/vue.git",
-  "version": "1.0.1-next.2",
+  "version": "1.0.1-next.3",
   "description": "Warp components for Vue 3",
   "type": "module",
   "exports": {

From f0e76e89b9d2a1f955b4aea21faca39f9eb48175 Mon Sep 17 00:00:00 2001
From: felicia-haggqvist <144792260+felicia-haggqvist@users.noreply.github.com>
Date: Wed, 20 Sep 2023 13:35:05 +0200
Subject: [PATCH 16/17] fix: Add fullWidth button prop (#72)

* fix: Add fullWidth prop to w-button component

* add fullWidth modifier to Button-component
---
 components/button/w-button.vue |   3 +
 dev/pages/Button.vue           |   4 +-
 package.json                   |   6 +-
 pnpm-lock.yaml                 | 285 ++++++++++++++++++---------------
 4 files changed, 167 insertions(+), 131 deletions(-)

diff --git a/components/button/w-button.vue b/components/button/w-button.vue
index 3da4b124..d8663876 100644
--- a/components/button/w-button.vue
+++ b/components/button/w-button.vue
@@ -48,6 +48,7 @@ const props = defineProps({
   loading: Boolean,
   href: String,
   label: String,
+  fullWidth: Boolean,
 })
 
 const defaultVariant = props.secondary || !buttonVariants.find(b => !!props[b]);
@@ -96,6 +97,8 @@ const buttonClass = computed(() => ({
   [ccButton.link]: props.link && !props.small,
   [ccButton.linkSmall]: props.link && props.small,
   [ccButton.linkAsButton]: !!props.href,
+  [ccButton.fullWidth]: props.fullWidth,
+  [ccButton.contentWidth]: !props.fullWidth,
 }))
 
 const saneDefaults = computed(() => ({
diff --git a/dev/pages/Button.vue b/dev/pages/Button.vue
index 081ba915..46d0c9f8 100644
--- a/dev/pages/Button.vue
+++ b/dev/pages/Button.vue
@@ -17,7 +17,8 @@ const variantControls = [
 const modifierControls = [
   { name: 'Quiet', checkbox },
   { name: 'Small', checkbox },
-  { name: 'Loading', checkbox }
+  { name: 'Loading', checkbox },
+  { name: 'FullWidth', checkbox }
 ]
 const modifiers = reactive(buildCheckboxState({ controls: modifierControls }))
 </script>
@@ -37,6 +38,7 @@ const modifiers = reactive(buildCheckboxState({ controls: modifierControls }))
         :quiet="modifiers.Quiet"
         :small="modifiers.Small"
         :loading="modifiers.Loading"
+        :full-width="modifiers.FullWidth"
         label="Hello Warp" />
     </token>
 
diff --git a/package.json b/package.json
index 9f83ad51..6232c2d7 100644
--- a/package.json
+++ b/package.json
@@ -32,8 +32,8 @@
   "dependencies": {
     "@lingui/core": "^4.3.0",
     "@warp-ds/core": "^1.0.0",
-    "@warp-ds/css": "^1.0.1",
-    "@warp-ds/uno": "^1.0.0",
+    "@warp-ds/css": "^1.1.0",
+    "@warp-ds/uno": "^1.1.0",
     "@floating-ui/dom": "^1.5.1",
     "create-v-model": "^2.2.0",
     "dom-focus-lock": "^1.1.0",
@@ -62,7 +62,7 @@
     "happy-dom": "^9.20.3",
     "semantic-release": "^21.1.1",
     "shiki": "^0.14.3",
-    "unocss": "^0.55.3",
+    "unocss": "^0.56.0",
     "vite": "^4.4.9",
     "viteik": "^1.0.3",
     "vitest": "^0.34.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2295892e..60ff6d16 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -15,11 +15,11 @@ dependencies:
     specifier: ^1.0.0
     version: 1.0.0
   '@warp-ds/css':
-    specifier: ^1.0.1
-    version: 1.0.1
+    specifier: ^1.1.0
+    version: 1.1.0
   '@warp-ds/uno':
-    specifier: ^1.0.0
-    version: 1.0.0
+    specifier: ^1.1.0
+    version: 1.1.0
   create-v-model:
     specifier: ^2.2.0
     version: 2.2.0
@@ -98,8 +98,8 @@ devDependencies:
     specifier: ^0.14.3
     version: 0.14.3
   unocss:
-    specifier: ^0.55.3
-    version: 0.55.3(postcss@8.4.29)(vite@4.4.9)
+    specifier: ^0.56.0
+    version: 0.56.0(postcss@8.4.29)(vite@4.4.9)
   vite:
     specifier: ^4.4.9
     version: 4.4.9(@types/node@20.4.2)
@@ -346,6 +346,7 @@ packages:
   /@commitlint/config-validator@17.4.4:
     resolution: {integrity: sha512-bi0+TstqMiqoBAQDvdEP4AFh0GaKyLFlPPEObgI29utoKEYoPQTvF0EYqIwYYLEoJYhj5GfMIhPHJkTJhagfeg==}
     engines: {node: '>=v14'}
+    requiresBuild: true
     dependencies:
       '@commitlint/types': 17.4.4
       ajv: 8.12.0
@@ -355,6 +356,7 @@ packages:
   /@commitlint/execute-rule@17.4.0:
     resolution: {integrity: sha512-LIgYXuCSO5Gvtc0t9bebAMSwd68ewzmqLypqI2Kke1rqOqqDbMpYcYfoPfFlv9eyLIh4jocHWwCK5FS7z9icUA==}
     engines: {node: '>=v14'}
+    requiresBuild: true
     dev: true
     optional: true
 
@@ -386,6 +388,7 @@ packages:
   /@commitlint/resolve-extends@17.4.4:
     resolution: {integrity: sha512-znXr1S0Rr8adInptHw0JeLgumS11lWbk5xAWFVno+HUFVN45875kUtqjrI6AppmD3JI+4s0uZlqqlkepjJd99A==}
     engines: {node: '>=v14'}
+    requiresBuild: true
     dependencies:
       '@commitlint/config-validator': 17.4.4
       '@commitlint/types': 17.4.4
@@ -399,6 +402,7 @@ packages:
   /@commitlint/types@17.4.4:
     resolution: {integrity: sha512-amRN8tRLYOsxRr6mTnGGGvB5EmW/4DDjLMgiwK3CCVEmN6Sr/6xePGEpWaspKkckILuUORCwe6VfDBw6uj4axQ==}
     engines: {node: '>=v14'}
+    requiresBuild: true
     dependencies:
       chalk: 4.1.2
     dev: true
@@ -407,6 +411,7 @@ packages:
   /@cspotcode/source-map-support@0.8.1:
     resolution: {integrity: sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==}
     engines: {node: '>=12'}
+    requiresBuild: true
     dependencies:
       '@jridgewell/trace-mapping': 0.3.9
     dev: true
@@ -1092,8 +1097,8 @@ packages:
     resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
     dev: true
 
-  /@iconify/utils@2.1.9:
-    resolution: {integrity: sha512-mo+A4n3MwLlWlg1SoSO+Dt6pOPWKElk9sSJ6ZpuzbB9OcjxN8RUWxU3ulPwB1nglErWKRam2x4BAohbYF7FiFA==}
+  /@iconify/utils@2.1.10:
+    resolution: {integrity: sha512-0/+5hxjzCZ9RoYpqxnOzbnpQyMdZRuHcMxPJeuX+x/aZkAAD/N4TajDjAPT7LpX+M0bfLExj/p0bbDkUfp0lrg==}
     dependencies:
       '@antfu/install-pkg': 0.1.1
       '@antfu/utils': 0.7.5
@@ -1145,6 +1150,7 @@ packages:
   /@jridgewell/resolve-uri@3.1.1:
     resolution: {integrity: sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==}
     engines: {node: '>=6.0.0'}
+    requiresBuild: true
     dev: true
     optional: true
 
@@ -1170,6 +1176,7 @@ packages:
 
   /@jridgewell/trace-mapping@0.3.9:
     resolution: {integrity: sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==}
+    requiresBuild: true
     dependencies:
       '@jridgewell/resolve-uri': 3.1.1
       '@jridgewell/sourcemap-codec': 1.4.15
@@ -1610,21 +1617,25 @@ packages:
 
   /@tsconfig/node10@1.0.9:
     resolution: {integrity: sha512-jNsYVVxU8v5g43Erja32laIDHXeoNvFEpX33OK4d6hljo3jDhCBDhx5dhCCTMWUojscpAagGiRkBKxpdl9fxqA==}
+    requiresBuild: true
     dev: true
     optional: true
 
   /@tsconfig/node12@1.0.11:
     resolution: {integrity: sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==}
+    requiresBuild: true
     dev: true
     optional: true
 
   /@tsconfig/node14@1.0.3:
     resolution: {integrity: sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==}
+    requiresBuild: true
     dev: true
     optional: true
 
   /@tsconfig/node16@1.0.4:
     resolution: {integrity: sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==}
+    requiresBuild: true
     dev: true
     optional: true
 
@@ -1684,32 +1695,32 @@ packages:
       '@types/yargs-parser': 21.0.0
     dev: true
 
-  /@unocss/astro@0.55.3(vite@4.4.9):
-    resolution: {integrity: sha512-WyRvx1RvT3x4c19jrKYq9dN2KHJ8YYOHUmFKWaPVc9EpkTG802ElWq23Ly5G+tv6l3lITRT+tUVloL4i43Ipiw==}
+  /@unocss/astro@0.56.0(vite@4.4.9):
+    resolution: {integrity: sha512-yBkpp2vc/dH6AiLAZrHC+trpR16VN4SiMVPgiy/UREj9BHJXVwFxFscjqXnuNP1vaxmVEfcvTkph9nJf/+JFjQ==}
     peerDependencies:
       vite: ^2.9.0 || ^3.0.0-0 || ^4.0.0
     peerDependenciesMeta:
       vite:
         optional: true
     dependencies:
-      '@unocss/core': 0.55.3
-      '@unocss/reset': 0.55.3
-      '@unocss/vite': 0.55.3(vite@4.4.9)
+      '@unocss/core': 0.56.0
+      '@unocss/reset': 0.56.0
+      '@unocss/vite': 0.56.0(vite@4.4.9)
       vite: 4.4.9(@types/node@20.4.2)
     transitivePeerDependencies:
       - rollup
     dev: true
 
-  /@unocss/cli@0.55.3:
-    resolution: {integrity: sha512-r5WcO/L0g8jUlUge/jdRKt1rG8Cm5K46edIHI2GL59uEXYq4T1Llh8gfIMXeP0Geqfml69E1QRNNocwRxYGDcA==}
+  /@unocss/cli@0.56.0:
+    resolution: {integrity: sha512-+SD7Pd6xTHj4lW5vZXtebLnCAdhyjrNWsfBHK8exjZF6PVbJWW3wfZ1cBPqveWvS8/1kqsMp2I3GFORKjBiFoQ==}
     engines: {node: '>=14'}
     hasBin: true
     dependencies:
       '@ampproject/remapping': 2.2.1
       '@rollup/pluginutils': 5.0.4
-      '@unocss/config': 0.55.3
-      '@unocss/core': 0.55.3
-      '@unocss/preset-uno': 0.55.3
+      '@unocss/config': 0.56.0
+      '@unocss/core': 0.56.0
+      '@unocss/preset-uno': 0.56.0
       cac: 6.7.14
       chokidar: 3.5.3
       colorette: 2.0.20
@@ -1722,11 +1733,11 @@ packages:
       - rollup
     dev: true
 
-  /@unocss/config@0.55.3:
-    resolution: {integrity: sha512-d1AK44n8DeYA1gIMaWg5lR/zx2FgVS6luaeMMGm5985VJqZoj7WJAj+Av/BOaEFJEP9ruYO1Hsb2ng2ega0ybQ==}
+  /@unocss/config@0.56.0:
+    resolution: {integrity: sha512-TGyh3Ns15rKPRrVmiqcF9BcZ9yC0fixxwUGm49a2rQ91GOKNIZ6O/tX2MHxoncU/Sp2ZkrRreoT8fsEejfHAYg==}
     engines: {node: '>=14'}
     dependencies:
-      '@unocss/core': 0.55.3
+      '@unocss/core': 0.56.0
       unconfig: 0.3.10
     dev: true
 
@@ -1736,6 +1747,11 @@ packages:
 
   /@unocss/core@0.55.3:
     resolution: {integrity: sha512-2hV9QlE/iOM4DHQ7i6L8sMC1t5/OVAz6AfGHjetTXcgbNfDCsHWqE8jhLZ1y2DeUvKwJvj2A09sYbYQ8E27+Gg==}
+    dev: false
+
+  /@unocss/core@0.56.0:
+    resolution: {integrity: sha512-KpaEMCg5XnTK7aQRgwNWoPCAFLEmPGjw+OSZWuMtkGvMr4RwDAVUAqPdGyGOavKMyWs+Is+lxXL5NHy9nhZ2oA==}
+    dev: true
 
   /@unocss/extractor-arbitrary-variants@0.52.7:
     resolution: {integrity: sha512-nJ4iE7nIRpoOIQfD8S58yG4qJd6AhVPEfEOf7ksX1u8xLf71rrBIojwraRXvv7aPqNdZiWvXdh/znpA/QC5b9w==}
@@ -1743,44 +1759,45 @@ packages:
       '@unocss/core': 0.52.7
     dev: false
 
-  /@unocss/extractor-arbitrary-variants@0.55.3:
-    resolution: {integrity: sha512-ATVNywbUw0DhIT+iau35WQuoij/NPCPd5uKshhs+vnS4c7BVKUMXE1fk9df9AgVPVhwBN4A256EqkcPHrfv70w==}
+  /@unocss/extractor-arbitrary-variants@0.56.0:
+    resolution: {integrity: sha512-OtdDsief0sqzYkS0GH9+LYUWojOjisjYjk5nLBI9lMfU23l/G76T2BzN8/W19MjUEs80relP4nO/ruefJn0hvw==}
     dependencies:
-      '@unocss/core': 0.55.3
+      '@unocss/core': 0.56.0
     dev: true
 
-  /@unocss/inspector@0.55.3:
-    resolution: {integrity: sha512-AHgjYbeaqSKSMIKkyUqFrXs9qi2hPhkIahMtv4nS0HZDzzrGGHv5lAmdYr4CxJEGs9G1lgrl2g7a4nz23LTRMQ==}
+  /@unocss/inspector@0.56.0:
+    resolution: {integrity: sha512-YGIyDe0eDzf0XhIHZRxZFV4xGKIA8jGBQ/rOF9k32Z8hyJ3jdJYf7s/ckA6s1kYxFq4qFmznylWeuh8JSUHeMg==}
     dependencies:
+      '@unocss/rule-utils': 0.56.0
       gzip-size: 6.0.0
       sirv: 2.0.3
     dev: true
 
-  /@unocss/postcss@0.55.3(postcss@8.4.29):
-    resolution: {integrity: sha512-JWfjtSLGuYFWcZwP3eUT2ItdRwehnpmry36cMSuuPNLXG0SPtklP2LRFahvgH85YhASNDAL2OIHP4jGTlG2Jfw==}
+  /@unocss/postcss@0.56.0(postcss@8.4.29):
+    resolution: {integrity: sha512-4wYpu8u8fjEeDvpA7m7Sq2wdIcXdoRSuu2HG/co7uqdXJJD6dQtOgI5Q0ooyPhWNx4w3zBCfaADBxfIcWsZotg==}
     engines: {node: '>=14'}
     peerDependencies:
       postcss: ^8.4.21
     dependencies:
-      '@unocss/config': 0.55.3
-      '@unocss/core': 0.55.3
+      '@unocss/config': 0.56.0
+      '@unocss/core': 0.56.0
       css-tree: 2.3.1
       fast-glob: 3.3.1
       magic-string: 0.30.3
       postcss: 8.4.29
     dev: true
 
-  /@unocss/preset-attributify@0.55.3:
-    resolution: {integrity: sha512-h3t6hPIk8pll3LubIIIsgRigvJivK3PX308Pi9Q0IUdw0vFq4S80iLQ1N0kRchQtgOaAIGffo9ux+TCbyunP3A==}
+  /@unocss/preset-attributify@0.56.0:
+    resolution: {integrity: sha512-0K+dy8Ey081Tgn1beADIrGmO3yhthM5KVqz+E+ni4o9paZg1DrBXnKA1Y8+fK3fEE1LmKK1hGhBrx68gCFX7XA==}
     dependencies:
-      '@unocss/core': 0.55.3
+      '@unocss/core': 0.56.0
     dev: true
 
-  /@unocss/preset-icons@0.55.3:
-    resolution: {integrity: sha512-UVpzkvO1ghNBNRMGylgYE73ufRFdU1l3pY11ePV8a/80HWFKL3QNq4Hoqa00M5CEnxBZT8dECTuj+f+l3Pn5wg==}
+  /@unocss/preset-icons@0.56.0:
+    resolution: {integrity: sha512-b0WrDmChgk+5db6LSiZkCZ3wUInntFU82bbNSspE3DhCSsaNP0S6vxK6RGlyNuQayodsoW3gqThVuND8KYj7kg==}
     dependencies:
-      '@iconify/utils': 2.1.9
-      '@unocss/core': 0.55.3
+      '@iconify/utils': 2.1.10
+      '@unocss/core': 0.56.0
       ofetch: 1.3.3
     transitivePeerDependencies:
       - supports-color
@@ -1793,99 +1810,110 @@ packages:
       '@unocss/extractor-arbitrary-variants': 0.52.7
     dev: false
 
-  /@unocss/preset-mini@0.55.3:
-    resolution: {integrity: sha512-TsDPatfA3nGybRDHtxWz7mGuXQqzFWqgOZDZlPEq+HQxK2DY5KdVekkq8G3kp8N8Alu/Tf52aDwIBSn/RC2qFg==}
+  /@unocss/preset-mini@0.56.0:
+    resolution: {integrity: sha512-uEdaiWF4RiU+RFtQjiv0R3RDRjNV+OFa3C+xVELLOIROnvb+h/D2wVxC8t8qOuVe8I6cHsGJgWfEpT3ptDhxqQ==}
     dependencies:
-      '@unocss/core': 0.55.3
-      '@unocss/extractor-arbitrary-variants': 0.55.3
+      '@unocss/core': 0.56.0
+      '@unocss/extractor-arbitrary-variants': 0.56.0
+      '@unocss/rule-utils': 0.56.0
     dev: true
 
-  /@unocss/preset-tagify@0.55.3:
-    resolution: {integrity: sha512-5nvKAREDkoAkwmbMKBwBDZjrhP2+pMeKMIdd8IOsEWpKbhJThXCRDcMZWuJ+nqm0kGkgZTtqzNso68+WjEwhuw==}
+  /@unocss/preset-tagify@0.56.0:
+    resolution: {integrity: sha512-8FBHa+yPEFQ26BcqgBUrlLX7ThoMPRbH2AjQCk0RpgVhhy6OBweOFXmE0FhcOpNnM6DJadA6vlp3bTXZ0epqVA==}
     dependencies:
-      '@unocss/core': 0.55.3
+      '@unocss/core': 0.56.0
     dev: true
 
-  /@unocss/preset-typography@0.55.3:
-    resolution: {integrity: sha512-O6YvQQ3b+qbqLVlCASmNFj1PfCkqgWVu+gnMFloFofB9olGix9H0qjsOyC6vJg9m2f9+MzPoNR4s2Du0V8fj5A==}
+  /@unocss/preset-typography@0.56.0:
+    resolution: {integrity: sha512-CF1dz+00TqTxQSIRkmCaUMk6+bB77z6PWB0VbxxpeYgpxKU1yC247tcBDmrQGhp1NmO4zr9COGEnl/o++OEXmQ==}
     dependencies:
-      '@unocss/core': 0.55.3
-      '@unocss/preset-mini': 0.55.3
+      '@unocss/core': 0.56.0
+      '@unocss/preset-mini': 0.56.0
     dev: true
 
-  /@unocss/preset-uno@0.55.3:
-    resolution: {integrity: sha512-6/JYKsgsHi24QFU8cXeXvRFmsosXdb6dmjsBma7ywEmzV2187uDDqI6NG/Aah5y5s2/QCyqqQFKN4vfatPARlQ==}
+  /@unocss/preset-uno@0.56.0:
+    resolution: {integrity: sha512-DlTZZ4kS6BEwJTTp5ly86UdhnUhCfgctRDv6gT8LYcji7VInYEPdTA0+Szy7PZtQFeQE8E3kONsiKuoVlwLtPw==}
     dependencies:
-      '@unocss/core': 0.55.3
-      '@unocss/preset-mini': 0.55.3
-      '@unocss/preset-wind': 0.55.3
+      '@unocss/core': 0.56.0
+      '@unocss/preset-mini': 0.56.0
+      '@unocss/preset-wind': 0.56.0
+      '@unocss/rule-utils': 0.56.0
     dev: true
 
-  /@unocss/preset-web-fonts@0.55.3:
-    resolution: {integrity: sha512-Mmj5HMvGOaDjobGno7rcLHUFHxIorw5kjobYJnEj48Wy7ixkYGQCvwguVZfE3YKsTEYVsMDojxC7ETK6Qae6vQ==}
+  /@unocss/preset-web-fonts@0.56.0:
+    resolution: {integrity: sha512-25BSNm29oOY9N37awVV902cmdGd3e8G1EdVm0kqA7YxwUViSdoej0C1R+i27WsrBPtwpLyulRjrjWgtxM/3E8g==}
     dependencies:
-      '@unocss/core': 0.55.3
+      '@unocss/core': 0.56.0
       ofetch: 1.3.3
     dev: true
 
-  /@unocss/preset-wind@0.55.3:
-    resolution: {integrity: sha512-3K/46j4tRLMspVR4MvY6l7yBe8Eb+csTLOrDFKmj5+uZc7Y4+PTjFqURifrtgEpnwgW9SfXbXjPo/ALzA6x0XA==}
+  /@unocss/preset-wind@0.56.0:
+    resolution: {integrity: sha512-P978d2+kc/LALmDO8bG00oCvAAA2EGW0mIzoZRM+eb5zWSDEkkSuC+YoiLehbByRkw0voAMgqobWxYIb2GUmfg==}
     dependencies:
-      '@unocss/core': 0.55.3
-      '@unocss/preset-mini': 0.55.3
+      '@unocss/core': 0.56.0
+      '@unocss/preset-mini': 0.56.0
+      '@unocss/rule-utils': 0.56.0
+    dev: true
+
+  /@unocss/reset@0.56.0:
+    resolution: {integrity: sha512-zTvUeN4Dkn+DY8YFHjKd+hfIpqcsNOKOeD0M64fWVjD0LmuuyuFASySYEGjlfvEEUjDiyNg96SnTXyOETYDclg==}
     dev: true
 
-  /@unocss/reset@0.55.3:
-    resolution: {integrity: sha512-zl3mogr3z6huA5CHZggOljoYFQDTidEw5T6pGPahfHB5qS9DH0UGozg5T9UtYWiidHL3xqyv6ZU27nyIMnlnhg==}
+  /@unocss/rule-utils@0.56.0:
+    resolution: {integrity: sha512-ozxI/KlAZmvRlsVy+oysuCXoxXm6141QsYwH1q8heIBBVTOY1jku82VveCfv4ZWrewYkgd27ME7e77ArfGLzyw==}
+    engines: {node: '>=14'}
+    dependencies:
+      '@unocss/core': 0.56.0
     dev: true
 
-  /@unocss/scope@0.55.3:
-    resolution: {integrity: sha512-h9OlxjXYwtASw8Lm/ucuWOIlrLFXHH9Cek17kPG3upWPKBMRQJl3GT18jTtPim0mqakhZY+8GQM1itHyOtHkSQ==}
+  /@unocss/scope@0.56.0:
+    resolution: {integrity: sha512-zGUxAhHh04cqzBgfsAFjQg4xsna+3Y9ST1G/Lcs3CNzm9GC/SSPwcNzFel+r75Wtx/2WlhjmWCnK5gOzRR3l6Q==}
     dev: true
 
-  /@unocss/transformer-attributify-jsx-babel@0.55.3:
-    resolution: {integrity: sha512-EDmliP9NYJZKg13SdfHfFaE0HroH+mNEEoICqiuvAKr3YVc+qhdk105+xwZDUGEJi/wVf1q8AZ3oEmwpAqtd9g==}
+  /@unocss/transformer-attributify-jsx-babel@0.56.0:
+    resolution: {integrity: sha512-wOMAr5TnGOZgc6Pqkdecg3O3x1kH7lsyDQxsTqZz3CjYDr9iJMWdRir3UwQVTxg6Xy/BfRE0Qe7LcFIR0BJPHg==}
     dependencies:
-      '@unocss/core': 0.55.3
+      '@unocss/core': 0.56.0
     dev: true
 
-  /@unocss/transformer-attributify-jsx@0.55.3:
-    resolution: {integrity: sha512-Z+jCSRCxMkAFyjye52rFL+yrIvu6AxwOqhDT8jVLyVGgMFRYm79FP6fsDhsgr/EipHE9Szk+H0yt16aNlPYU4Q==}
+  /@unocss/transformer-attributify-jsx@0.56.0:
+    resolution: {integrity: sha512-g1zc7y/oLsSi6qH2GwdfWwWaG6w/hQaL3XyOJ0hpn86N8qcLbeeH7IJdnrGXX1R/w7Z0t9Lz9lhGb+UP3ymmfQ==}
     dependencies:
-      '@unocss/core': 0.55.3
+      '@unocss/core': 0.56.0
     dev: true
 
-  /@unocss/transformer-compile-class@0.55.3:
-    resolution: {integrity: sha512-g6UgDqTwhbpuyN/tCse2p+bQvyGmEyQk3kOFq8P9P7+mtfOXPmkkVnShDSs2K4FyfTpFGouOSTge0rrJyVj3LQ==}
+  /@unocss/transformer-compile-class@0.56.0:
+    resolution: {integrity: sha512-8+CKMGk5qBe3I1/c8DoggWuhVmZ/6QlTHpLRs5Xt6LS5CF2vrLhjyqMNnBvVcp8OKTeAfv2U6kGKPXFSvSEVUA==}
     dependencies:
-      '@unocss/core': 0.55.3
+      '@unocss/core': 0.56.0
     dev: true
 
-  /@unocss/transformer-directives@0.55.3:
-    resolution: {integrity: sha512-9la+Gk7doqTl+drg9RflkFqN7bXavzI119amJ6xa+ZlUm04vaC5WxFMxZD3V29zu505IhGWMOVJNfnV6g4hLvg==}
+  /@unocss/transformer-directives@0.56.0:
+    resolution: {integrity: sha512-6WthoetYrDDKamuYfsRbX+R3scyomcxA10YV8VlZ19hJIyIhZdCWEoyLccVsS4+uBIZUo0RjhxaxwyYtPa1dBQ==}
     dependencies:
-      '@unocss/core': 0.55.3
+      '@unocss/core': 0.56.0
+      '@unocss/rule-utils': 0.56.0
       css-tree: 2.3.1
     dev: true
 
-  /@unocss/transformer-variant-group@0.55.3:
-    resolution: {integrity: sha512-3Pe04N6If+1o0tsa1n58ysV6Yt7OW6ER6lNtbpyZcuG+gMgjU6u7FsCC+IuZ50aHsXRVpFbFtjMeugN9KaO5ow==}
+  /@unocss/transformer-variant-group@0.56.0:
+    resolution: {integrity: sha512-4QLGUPD2ephvrSemIapiL3ckr1xcdcjxk/VZ/SOobLrHyxCLzLaHZz6x7RabCWf2Ub/01xWtLY3eSNIphZ5iSg==}
     dependencies:
-      '@unocss/core': 0.55.3
+      '@unocss/core': 0.56.0
     dev: true
 
-  /@unocss/vite@0.55.3(vite@4.4.9):
-    resolution: {integrity: sha512-ykHIBwssTZMQ2FC2wj8+LDrrYkq8PUIekdyeazznX38CNxAwZtwrrtUjieoJkAl6Ebxv8oMadxamqnP/0E8Ygw==}
+  /@unocss/vite@0.56.0(vite@4.4.9):
+    resolution: {integrity: sha512-QFuX2jHYiNCdzffxVyBuECnkaaQzYkvf+P3VU/yNyUuH9DAzSIBVEpS04dRQQ7IdQiVduIpldL+IgUr/qW+IUA==}
     peerDependencies:
       vite: ^2.9.0 || ^3.0.0-0 || ^4.0.0
     dependencies:
       '@ampproject/remapping': 2.2.1
       '@rollup/pluginutils': 5.0.4
-      '@unocss/config': 0.55.3
-      '@unocss/core': 0.55.3
-      '@unocss/inspector': 0.55.3
-      '@unocss/scope': 0.55.3
-      '@unocss/transformer-directives': 0.55.3
+      '@unocss/config': 0.56.0
+      '@unocss/core': 0.56.0
+      '@unocss/inspector': 0.56.0
+      '@unocss/scope': 0.56.0
+      '@unocss/transformer-directives': 0.56.0
       chokidar: 3.5.3
       fast-glob: 3.3.1
       magic-string: 0.30.3
@@ -1924,7 +1952,7 @@ packages:
   /@vitest/snapshot@0.34.3:
     resolution: {integrity: sha512-QyPaE15DQwbnIBp/yNJ8lbvXTZxS00kRly0kfFgAD5EYmCbYcA+1EEyRalc93M0gosL/xHeg3lKAClIXYpmUiQ==}
     dependencies:
-      magic-string: 0.30.1
+      magic-string: 0.30.3
       pathe: 1.1.1
       pretty-format: 29.6.2
     dev: true
@@ -2050,12 +2078,12 @@ packages:
       '@floating-ui/dom': 0.5.4
     dev: false
 
-  /@warp-ds/css@1.0.1:
-    resolution: {integrity: sha512-FeLaYSe6G5wcI1SENkbGrArEMPGmewwwCMgWQh1944iC3NgLXGWEx3ZRHcBNfiMJImpuZeaHSUOM3yozYbZvbw==}
+  /@warp-ds/css@1.1.0:
+    resolution: {integrity: sha512-ehDN05LnQ2RnhKfpatxQ2e0u++YH2yoXoVqN6NHaexF6j6kS6yosumqOZo0NHpbYGRhXwy0Hor0yntdrT8XNGg==}
     dependencies:
       '@warp-ds/fonts': 1.1.0
       '@warp-ds/tokenizer': 0.0.2
-      '@warp-ds/uno': 1.0.0
+      '@warp-ds/uno': 1.1.0
     dev: false
 
   /@warp-ds/fonts@1.1.0:
@@ -2069,8 +2097,8 @@ packages:
       yaml: 2.3.1
     dev: false
 
-  /@warp-ds/uno@1.0.0:
-    resolution: {integrity: sha512-RBt/uiUMmu333La2b0eFieJTe6p0xueCMlMkEiHhtkFYRkvQMzKnUj19AMyAkIeSx6IkbmuCvfuWQoCHnkILHA==}
+  /@warp-ds/uno@1.1.0:
+    resolution: {integrity: sha512-XzhziKuHAWRofxVXb9meEgFbRUS+3+Lfuvz9qwWiJNermlkc5tC9x2DdTmFa0ia73nkgeD3K3hx0yVY0etoZ2w==}
     dependencies:
       '@unocss/core': 0.55.3
       '@unocss/preset-mini': 0.52.7
@@ -2224,6 +2252,7 @@ packages:
 
   /arg@4.1.3:
     resolution: {integrity: sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==}
+    requiresBuild: true
     dev: true
     optional: true
 
@@ -2754,6 +2783,7 @@ packages:
   /cosmiconfig-typescript-loader@4.3.0(@types/node@20.4.2)(cosmiconfig@8.2.0)(ts-node@10.9.1)(typescript@5.1.6):
     resolution: {integrity: sha512-NTxV1MFfZDLPiBMjxbHRwSh5LaLcPMwNdCutmnHJCKoVnlvldPWlllonKwrsRJ5pYZBIBGRWWU2tfvzxgeSW5Q==}
     engines: {node: '>=12', npm: '>=6'}
+    requiresBuild: true
     peerDependencies:
       '@types/node': '*'
       cosmiconfig: '>=7'
@@ -2790,6 +2820,7 @@ packages:
 
   /create-require@1.1.1:
     resolution: {integrity: sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==}
+    requiresBuild: true
     dev: true
     optional: true
 
@@ -2951,6 +2982,7 @@ packages:
   /diff@4.0.2:
     resolution: {integrity: sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==}
     engines: {node: '>=0.3.1'}
+    requiresBuild: true
     dev: true
     optional: true
 
@@ -3224,17 +3256,6 @@ packages:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
     dev: true
 
-  /fast-glob@3.3.0:
-    resolution: {integrity: sha512-ChDuvbOypPuNjO8yIDf36x7BlZX1smcUMTTcyoIjycexOxd6DFsKsg21qVBzEmr3G7fUKIRy2/psii+CIUt7FA==}
-    engines: {node: '>=8.6.0'}
-    dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      '@nodelib/fs.walk': 1.2.8
-      glob-parent: 5.1.2
-      merge2: 1.4.1
-      micromatch: 4.0.5
-    dev: true
-
   /fast-glob@3.3.1:
     resolution: {integrity: sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==}
     engines: {node: '>=8.6.0'}
@@ -3574,6 +3595,7 @@ packages:
   /global-dirs@0.1.1:
     resolution: {integrity: sha512-NknMLn7F2J7aflwFOlGdNIuCDpN3VGoSoB+aap3KABFWbHVn1TCgFC+np23J8W2BiZbjfEw3BFBycSMv1AFblg==}
     engines: {node: '>=4'}
+    requiresBuild: true
     dependencies:
       ini: 1.3.8
     dev: true
@@ -3627,7 +3649,7 @@ packages:
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dependencies:
       dir-glob: 3.0.1
-      fast-glob: 3.3.0
+      fast-glob: 3.3.1
       ignore: 5.2.4
       merge2: 1.4.1
       slash: 4.0.0
@@ -4311,11 +4333,13 @@ packages:
 
   /lodash.merge@4.6.2:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+    requiresBuild: true
     dev: true
     optional: true
 
   /lodash.mergewith@4.6.2:
     resolution: {integrity: sha512-GK3g5RPZWTRSeLSpgP8Xhra+pnjBC56q9FZYe1d5RN3TJ35dbkGy3YqBSMbyCrlbi+CM9Z3Jk5yTL7RCsqboyQ==}
+    requiresBuild: true
     dev: true
     optional: true
 
@@ -4325,6 +4349,7 @@ packages:
 
   /lodash.uniq@4.5.0:
     resolution: {integrity: sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==}
+    requiresBuild: true
     dev: true
     optional: true
 
@@ -4408,6 +4433,7 @@ packages:
 
   /make-error@1.3.6:
     resolution: {integrity: sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==}
+    requiresBuild: true
     dev: true
     optional: true
 
@@ -5385,6 +5411,7 @@ packages:
   /resolve-global@1.0.0:
     resolution: {integrity: sha512-zFa12V4OLtT5XUX/Q4VLvTfBf+Ok0SPc1FNGM/z9ctUdiU618qwKpWnd0CHs3+RqROfyEg/DhuHbMWYqcgljEw==}
     engines: {node: '>=8'}
+    requiresBuild: true
     dependencies:
       global-dirs: 0.1.1
     dev: true
@@ -5944,6 +5971,7 @@ packages:
   /ts-node@10.9.1(@types/node@20.4.2)(typescript@5.1.6):
     resolution: {integrity: sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==}
     hasBin: true
+    requiresBuild: true
     peerDependencies:
       '@swc/core': '>=1.2.50'
       '@swc/wasm': '>=1.2.50'
@@ -6029,6 +6057,7 @@ packages:
     resolution: {integrity: sha512-zaWCozRZ6DLEWAWFrVDz1H6FVXzUSfTy5FUMWsQlU8Ym5JP9eO4xkTIROFCQvhQf61z6O/G6ugw3SgAnvvm+HA==}
     engines: {node: '>=14.17'}
     hasBin: true
+    requiresBuild: true
     dev: true
     optional: true
 
@@ -6085,11 +6114,11 @@ packages:
     engines: {node: '>= 10.0.0'}
     dev: true
 
-  /unocss@0.55.3(postcss@8.4.29)(vite@4.4.9):
-    resolution: {integrity: sha512-laHtypsgqXQ8798h8cYO1fkxPumSQG8Y7GDvvSY1TWmha+mbl1YzbHqakxiJvoThJrMFLiwmpZ2vD7KFbzfGfg==}
+  /unocss@0.56.0(postcss@8.4.29)(vite@4.4.9):
+    resolution: {integrity: sha512-Ge0lMi1zYL2z/NCv0OMeYMUeLsjQGNeohSc/3qumEtGhBNiGrF6sVX80BnJ99fAFsn80nxJepWbCApUmZ/2tJA==}
     engines: {node: '>=14'}
     peerDependencies:
-      '@unocss/webpack': 0.55.3
+      '@unocss/webpack': 0.56.0
       vite: ^2.9.0 || ^3.0.0-0 || ^4.0.0
     peerDependenciesMeta:
       '@unocss/webpack':
@@ -6097,26 +6126,26 @@ packages:
       vite:
         optional: true
     dependencies:
-      '@unocss/astro': 0.55.3(vite@4.4.9)
-      '@unocss/cli': 0.55.3
-      '@unocss/core': 0.55.3
-      '@unocss/extractor-arbitrary-variants': 0.55.3
-      '@unocss/postcss': 0.55.3(postcss@8.4.29)
-      '@unocss/preset-attributify': 0.55.3
-      '@unocss/preset-icons': 0.55.3
-      '@unocss/preset-mini': 0.55.3
-      '@unocss/preset-tagify': 0.55.3
-      '@unocss/preset-typography': 0.55.3
-      '@unocss/preset-uno': 0.55.3
-      '@unocss/preset-web-fonts': 0.55.3
-      '@unocss/preset-wind': 0.55.3
-      '@unocss/reset': 0.55.3
-      '@unocss/transformer-attributify-jsx': 0.55.3
-      '@unocss/transformer-attributify-jsx-babel': 0.55.3
-      '@unocss/transformer-compile-class': 0.55.3
-      '@unocss/transformer-directives': 0.55.3
-      '@unocss/transformer-variant-group': 0.55.3
-      '@unocss/vite': 0.55.3(vite@4.4.9)
+      '@unocss/astro': 0.56.0(vite@4.4.9)
+      '@unocss/cli': 0.56.0
+      '@unocss/core': 0.56.0
+      '@unocss/extractor-arbitrary-variants': 0.56.0
+      '@unocss/postcss': 0.56.0(postcss@8.4.29)
+      '@unocss/preset-attributify': 0.56.0
+      '@unocss/preset-icons': 0.56.0
+      '@unocss/preset-mini': 0.56.0
+      '@unocss/preset-tagify': 0.56.0
+      '@unocss/preset-typography': 0.56.0
+      '@unocss/preset-uno': 0.56.0
+      '@unocss/preset-web-fonts': 0.56.0
+      '@unocss/preset-wind': 0.56.0
+      '@unocss/reset': 0.56.0
+      '@unocss/transformer-attributify-jsx': 0.56.0
+      '@unocss/transformer-attributify-jsx-babel': 0.56.0
+      '@unocss/transformer-compile-class': 0.56.0
+      '@unocss/transformer-directives': 0.56.0
+      '@unocss/transformer-variant-group': 0.56.0
+      '@unocss/vite': 0.56.0(vite@4.4.9)
       vite: 4.4.9(@types/node@20.4.2)
     transitivePeerDependencies:
       - postcss
@@ -6155,6 +6184,7 @@ packages:
 
   /v8-compile-cache-lib@3.0.1:
     resolution: {integrity: sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==}
+    requiresBuild: true
     dev: true
     optional: true
 
@@ -6515,6 +6545,7 @@ packages:
   /yn@3.1.1:
     resolution: {integrity: sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==}
     engines: {node: '>=6'}
+    requiresBuild: true
     dev: true
     optional: true
 

From 307332c711322aae706991caa74da4ce3a6d288b Mon Sep 17 00:00:00 2001
From: semantic-release-bot <semantic-release-bot@martynus.net>
Date: Wed, 20 Sep 2023 11:35:47 +0000
Subject: [PATCH 17/17] chore(release): 1.0.1-next.4 [skip ci]

## [1.0.1-next.4](https://github.com/warp-ds/vue/compare/v1.0.1-next.3...v1.0.1-next.4) (2023-09-20)

### Bug Fixes

* Add fullWidth button prop ([#72](https://github.com/warp-ds/vue/issues/72)) ([f0e76e8](https://github.com/warp-ds/vue/commit/f0e76e89b9d2a1f955b4aea21faca39f9eb48175))
---
 CHANGELOG.md | 7 +++++++
 package.json | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 20386109..35dcb799 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,10 @@
+## [1.0.1-next.4](https://github.com/warp-ds/vue/compare/v1.0.1-next.3...v1.0.1-next.4) (2023-09-20)
+
+
+### Bug Fixes
+
+* Add fullWidth button prop ([#72](https://github.com/warp-ds/vue/issues/72)) ([f0e76e8](https://github.com/warp-ds/vue/commit/f0e76e89b9d2a1f955b4aea21faca39f9eb48175))
+
 ## [1.0.1-next.3](https://github.com/warp-ds/vue/compare/v1.0.1-next.2...v1.0.1-next.3) (2023-09-20)
 
 
diff --git a/package.json b/package.json
index 6232c2d7..1e8c433f 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@warp-ds/vue",
   "repository": "git@github.com:warp-ds/vue.git",
-  "version": "1.0.1-next.3",
+  "version": "1.0.1-next.4",
   "description": "Warp components for Vue 3",
   "type": "module",
   "exports": {