<template>
  <div style="flex-wrap: wrap; display: flex;">
    <div class="fdv-d-color-box" v-fd-background-color:action-1 />
    <div class="fdv-d-color-box" v-fd-background-color:action-2 />
    <div class="fdv-d-color-box" v-fd-background-color:text-1 />
    <div class="fdv-d-color-box" v-fd-background-color:text-2 />
    <div class="fdv-d-color-box" v-fd-background-color:text-3 />
    <div class="fdv-d-color-box" v-fd-background-color:text-4 />
    <div class="fdv-d-color-box" v-fd-background-color:text-5 />
    <div class="fdv-d-color-box" v-fd-background-color:background-1 />
    <div class="fdv-d-color-box" v-fd-background-color:background-2 />
    <div class="fdv-d-color-box" v-fd-background-color:neutral-1 />
    <div class="fdv-d-color-box" v-fd-background-color:neutral-2 />
    <div class="fdv-d-color-box" v-fd-background-color:neutral-3 />
    <div class="fdv-d-color-box" v-fd-background-color:neutral-4 />
    <div class="fdv-d-color-box" v-fd-background-color:status-1 />
    <div class="fdv-d-color-box" v-fd-background-color:status-2 />
    <div class="fdv-d-color-box" v-fd-background-color:status-3 />
    <div class="fdv-d-color-box" v-fd-background-color:status-4 />
    <div class="fdv-d-color-box" v-fd-background-color:accent-1 />
    <div class="fdv-d-color-box" v-fd-background-color:accent-2 />
    <div class="fdv-d-color-box" v-fd-background-color:accent-3 />
    <div class="fdv-d-color-box" v-fd-background-color:accent-4 />
    <div class="fdv-d-color-box" v-fd-background-color:accent-5 />
    <div class="fdv-d-color-box" v-fd-background-color:accent-6 />
    <div class="fdv-d-color-box" v-fd-background-color:accent-7 />
    <div class="fdv-d-color-box" v-fd-background-color:accent-8 />
    <div class="fdv-d-color-box" v-fd-background-color:accent-9 />
    <div class="fdv-d-color-box" v-fd-background-color:accent-10 />
    <div class="fdv-d-color-box" v-fd-background-color:accent-11 />
    <div class="fdv-d-color-box" v-fd-background-color:accent-12 />
    <div class="fdv-d-color-box" v-fd-background-color:accent-13 />
    <div class="fdv-d-color-box" v-fd-background-color:accent-14 />
    <div class="fdv-d-color-box" v-fd-background-color:accent-15 />
  </div>
</template>

<style>
.fdv-d-color-box {
  width: 100px;
  height: 100px;
}
</style>
