Merge branch 'main' into ci/preview-for-pr-with-label

CHANGELOG.md

@@ -1,3 +1,10 @@
+## [1.7.3](https://github.com/Kong/icons/compare/v1.7.2...v1.7.3) (2023-10-03)
+
+
+### Bug Fixes
+
+* add new flags and refresh icon ([#90](https://github.com/Kong/icons/issues/90)) ([fa12f8d](https://github.com/Kong/icons/commit/fa12f8df96d005935d8d10448ffc7fed03856800))
+
 ## [1.7.2](https://github.com/Kong/icons/compare/v1.7.1...v1.7.2) (2023-10-02)
 
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong/icons",
-  "version": "1.7.2",
+  "version": "1.7.3",
   "description": "Kong Icon Library",
   "license": "Apache-2.0",
   "type": "module",
@@ -95,7 +95,7 @@
     "vite": "^4.4.9",
     "vitest": "0.34.2",
     "vue": "^3.3.4",
-    "vue-router": "^4.2.4",
+    "vue-router": "^4.2.5",
     "vue-tsc": "^1.8.13"
   },
   "peerDependencies": {

sandbox/components/PageHeader.vue

@@ -78,6 +78,7 @@ $header-height: 80px;
   right: 0;
   top: 0;
   width: 100%;
+  z-index: 1;
 
   h1 {
     font-size: 18px;

scripts/utilities/__snapshots__/generate-icon-components.spec.ts.snap

@@ -3,8 +3,19 @@
 exports[`generate > \`/src/components/index.ts\` file > has exports that match the previous snapshot 1`] = `
 [
   "FlagAuIcon",
+  "FlagBhIcon",
+  "FlagBrIcon",
+  "FlagCaIcon",
   "FlagEuIcon",
+  "FlagGbIcon",
+  "FlagHkIcon",
+  "FlagIdIcon",
+  "FlagInIcon",
+  "FlagJpIcon",
+  "FlagKrIcon",
+  "FlagSgIcon",
   "FlagUsIcon",
+  "FlagZaIcon",
   "AwsIcon",
   "AzureIcon",
   "GoogleCloudIcon",
@@ -93,6 +104,7 @@ exports[`generate > \`/src/components/index.ts\` file > has exports that match t
   "ProfileIcon",
   "ProgressIcon",
   "RedoIcon",
+  "RefreshIcon",
   "RemoveIcon",
   "ResponseIcon",
   "RuntimesIcon",
@@ -177,9 +189,20 @@ exports[`generate > does not remove icons from the previous build 1`] = `
   "FileEmptyIcon.vue",
   "FilterIcon.vue",
   "FlagAuIcon.vue",
+  "FlagBhIcon.vue",
+  "FlagBrIcon.vue",
+  "FlagCaIcon.vue",
   "FlagEuIcon.vue",
+  "FlagGbIcon.vue",
+  "FlagHkIcon.vue",
   "FlagIcon.vue",
+  "FlagIdIcon.vue",
+  "FlagInIcon.vue",
+  "FlagJpIcon.vue",
+  "FlagKrIcon.vue",
+  "FlagSgIcon.vue",
   "FlagUsIcon.vue",
+  "FlagZaIcon.vue",
   "ForwardIcon.vue",
   "GatewayIcon.vue",
   "GoogleCloudIcon.vue",
@@ -210,6 +233,7 @@ exports[`generate > does not remove icons from the previous build 1`] = `
   "ProfileIcon.vue",
   "ProgressIcon.vue",
   "RedoIcon.vue",
+  "RefreshIcon.vue",
   "RemoveIcon.vue",
   "ResponseIcon.vue",
   "RuntimeCompositeIcon.vue",

src/component-list.ts

@@ -64,9 +64,20 @@ export default [
   'FileEmptyIcon.vue',
   'FilterIcon.vue',
   'FlagAuIcon.vue',
+  'FlagBhIcon.vue',
+  'FlagBrIcon.vue',
+  'FlagCaIcon.vue',
   'FlagEuIcon.vue',
+  'FlagGbIcon.vue',
+  'FlagHkIcon.vue',
   'FlagIcon.vue',
+  'FlagIdIcon.vue',
+  'FlagInIcon.vue',
+  'FlagJpIcon.vue',
+  'FlagKrIcon.vue',
+  'FlagSgIcon.vue',
   'FlagUsIcon.vue',
+  'FlagZaIcon.vue',
   'ForwardIcon.vue',
   'GatewayIcon.vue',
   'GoogleCloudIcon.vue',
@@ -97,6 +108,7 @@ export default [
   'ProfileIcon.vue',
   'ProgressIcon.vue',
   'RedoIcon.vue',
+  'RefreshIcon.vue',
   'RemoveIcon.vue',
   'ResponseIcon.vue',
   'RuntimeCompositeIcon.vue',

src/tests/__snapshots__/FlagBhIcon.html

@@ -0,0 +1 @@
+<span data-v-9252fb8b="" class="kui-icon flag-bh-icon" data-testid="kui-icon-wrapper-flag-bh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; height: 32px; line-height: 0; width: 32px;"><svg data-v-9252fb8b="" data-testid="kui-icon-svg-flag-bh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9252fb8b="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-9252fb8b="" clip-path="url(#clip0_1415_3170)"><path data-v-9252fb8b="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-9252fb8b="" d="M11.9999 0C9.59165 0 7.34953 0.709922 5.47021 1.93116L8.55642 3.9997L4.69556 5.99967L8.55642 7.99964L4.69556 9.99961L8.55642 11.9993L4.69556 13.9993L8.55642 15.9992L4.69556 17.9993L8.55642 19.9993L5.46984 22.0685C7.34924 23.29 9.59151 24 11.9999 24C18.6273 24 23.9999 18.6274 23.9999 12C23.9999 5.37262 18.6273 0 11.9999 0V0Z" fill="#D80027"></path></g><defs data-v-9252fb8b=""><clipPath data-v-9252fb8b="" id="clip0_1415_3170"><rect data-v-9252fb8b="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>

src/tests/__snapshots__/FlagBrIcon.html

@@ -0,0 +1 @@
+<span data-v-71f6867a="" class="kui-icon flag-br-icon" data-testid="kui-icon-wrapper-flag-br-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; height: 32px; line-height: 0; width: 32px;"><svg data-v-71f6867a="" data-testid="kui-icon-svg-flag-br-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-71f6867a="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-71f6867a="" clip-path="url(#clip0_1415_3697)"><path data-v-71f6867a="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#6DA544"></path><path data-v-71f6867a="" d="M11.9999 4.69556L21.913 11.9999L11.9999 19.3042L2.08691 11.9999L11.9999 4.69556Z" fill="#FFDA44"></path><path data-v-71f6867a="" d="M12.0001 16.174C14.3052 16.174 16.174 14.3052 16.174 12.0001C16.174 9.69489 14.3052 7.82617 12.0001 7.82617C9.69489 7.82617 7.82617 9.69489 7.82617 12.0001C7.82617 14.3052 9.69489 16.174 12.0001 16.174Z" fill="#F0F0F0"></path><path data-v-71f6867a="" d="M9.913 11.7393C9.18719 11.7393 8.48674 11.8496 7.82739 12.0545C7.8566 14.3345 9.71303 16.1741 12 16.1741C13.4141 16.1741 14.663 15.4701 15.418 14.3943C14.1263 12.7773 12.1388 11.7393 9.913 11.7393Z" fill="#0052B4"></path><path data-v-71f6867a="" d="M16.0964 12.7997C16.1467 12.5408 16.1738 12.2737 16.1738 12.0001C16.1738 9.69484 14.3051 7.82617 11.9999 7.82617C10.2799 7.82617 8.80331 8.86684 8.16431 10.3527C8.72915 10.2356 9.31396 10.174 9.91298 10.174C12.3372 10.174 14.5303 11.1817 16.0964 12.7997Z" fill="#0052B4"></path></g><defs data-v-71f6867a=""><clipPath data-v-71f6867a="" id="clip0_1415_3697"><rect data-v-71f6867a="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>

src/tests/__snapshots__/FlagCaIcon.html

@@ -0,0 +1 @@
+<span data-v-cab513ae="" class="kui-icon flag-ca-icon" data-testid="kui-icon-wrapper-flag-ca-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; height: 32px; line-height: 0; width: 32px;"><svg data-v-cab513ae="" data-testid="kui-icon-svg-flag-ca-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-cab513ae="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-cab513ae="" clip-path="url(#clip0_1415_3800)"><path data-v-cab513ae="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-cab513ae="" d="M23.9999 12C23.9999 7.24242 21.2312 3.13167 17.2173 1.19067V22.8092C21.2312 20.8682 23.9999 16.7575 23.9999 12Z" fill="#D80027"></path><path data-v-cab513ae="" d="M0 12C0 16.7575 2.76867 20.8682 6.78263 22.8092V1.19067C2.76867 3.13167 0 7.24242 0 12Z" fill="#D80027"></path><path data-v-cab513ae="" d="M14.087 13.5653L16.174 12.5218L15.1305 12.0001V10.9566L13.0435 12.0001L14.087 9.9131H13.0435L12.0001 8.3479L10.9566 9.9131H9.91309L10.9566 12.0001L8.86961 10.9566V12.0001L7.82617 12.5218L9.91309 13.5653L9.39138 14.6088H11.4783V16.174H12.5218V14.6088H14.6088L14.087 13.5653Z" fill="#D80027"></path></g><defs data-v-cab513ae=""><clipPath data-v-cab513ae="" id="clip0_1415_3800"><rect data-v-cab513ae="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>

src/tests/__snapshots__/FlagGbIcon.html

@@ -0,0 +1 @@
+<span data-v-af5a45f4="" class="kui-icon flag-gb-icon" data-testid="kui-icon-wrapper-flag-gb-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; height: 32px; line-height: 0; width: 32px;"><svg data-v-af5a45f4="" data-testid="kui-icon-svg-flag-gb-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-af5a45f4="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-af5a45f4="" clip-path="url(#clip0_1415_1325)"><path data-v-af5a45f4="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-af5a45f4="" d="M2.48056 4.69434C1.53796 5.92073 0.827189 7.33424 0.41333 8.86982H6.65605L2.48056 4.69434Z" fill="#0052B4"></path><path data-v-af5a45f4="" d="M23.5866 8.86977C23.1728 7.33424 22.4619 5.92073 21.5194 4.69434L17.344 8.86977H23.5866Z" fill="#0052B4"></path><path data-v-af5a45f4="" d="M0.41333 15.1299C0.827236 16.6654 1.538 18.0789 2.48056 19.3053L6.65591 15.1299H0.41333Z" fill="#0052B4"></path><path data-v-af5a45f4="" d="M19.3058 2.48037C18.0794 1.53776 16.6659 0.826992 15.1304 0.413086V6.65576L19.3058 2.48037Z" fill="#0052B4"></path><path data-v-af5a45f4="" d="M4.69409 21.5191C5.92048 22.4617 7.334 23.1725 8.86953 23.5864V17.3438L4.69409 21.5191Z" fill="#0052B4"></path><path data-v-af5a45f4="" d="M8.86948 0.413086C7.33395 0.826992 5.92044 1.53776 4.69409 2.48032L8.86948 6.65571V0.413086Z" fill="#0052B4"></path><path data-v-af5a45f4="" d="M15.1304 23.5864C16.6659 23.1725 18.0794 22.4617 19.3058 21.5191L15.1304 17.3438V23.5864Z" fill="#0052B4"></path><path data-v-af5a45f4="" d="M17.344 15.1299L21.5194 19.3053C22.4619 18.079 23.1728 16.6654 23.5866 15.1299H17.344Z" fill="#0052B4"></path><path data-v-af5a45f4="" d="M23.8984 10.4348H13.5653H13.5653V0.101578C13.0529 0.034875 12.5305 0 12 0C11.4694 0 10.9471 0.034875 10.4348 0.101578V10.4347V10.4347H0.101578C0.034875 10.9471 0 11.4695 0 12C0 12.5306 0.034875 13.0529 0.101578 13.5652H10.4347H10.4347V23.8984C10.9471 23.9651 11.4694 24 12 24C12.5305 24 13.0529 23.9652 13.5652 23.8984V13.5653V13.5653H23.8984C23.9651 13.0529 24 12.5306 24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348Z" fill="#D80027"></path><path data-v-af5a45f4="" d="M15.1304 15.1309L20.4852 20.4857C20.7315 20.2395 20.9664 19.9821 21.1906 19.7153L16.6061 15.1309H15.1304V15.1309Z" fill="#D80027"></path><path data-v-af5a45f4="" d="M8.86951 15.1309H8.86941L3.51465 20.4856C3.76084 20.7319 4.01823 20.9668 4.28504 21.191L8.86951 16.6064V15.1309Z" fill="#D80027"></path><path data-v-af5a45f4="" d="M8.86951 8.8696V8.86951L3.5147 3.51465C3.26842 3.76084 3.03348 4.01823 2.80933 4.28504L7.39384 8.86955H8.86951V8.8696Z" fill="#D80027"></path><path data-v-af5a45f4="" d="M15.1304 8.8698L20.4852 3.5149C20.239 3.26862 19.9817 3.03368 19.7148 2.80957L15.1304 7.39409V8.8698Z" fill="#D80027"></path></g><defs data-v-af5a45f4=""><clipPath data-v-af5a45f4="" id="clip0_1415_1325"><rect data-v-af5a45f4="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>

src/tests/__snapshots__/FlagHkIcon.html

@@ -0,0 +1 @@
+<span data-v-35e23519="" class="kui-icon flag-hk-icon" data-testid="kui-icon-wrapper-flag-hk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; height: 32px; line-height: 0; width: 32px;"><svg data-v-35e23519="" data-testid="kui-icon-svg-flag-hk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-35e23519="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-35e23519="" clip-path="url(#clip0_1415_3092)"><path data-v-35e23519="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path><path data-v-35e23519="" d="M13.239 9.07837C12.9663 10.2127 12.4817 9.99637 12.2439 10.9856C10.8431 10.6488 9.98046 9.24023 10.3173 7.83937C10.6539 6.43861 12.0626 5.57592 13.4635 5.91271C12.9878 7.89117 13.483 8.06386 13.239 9.07837Z" fill="#F0F0F0"></path><path data-v-35e23519="" d="M9.6042 9.91871C10.5987 10.5286 10.2432 10.9226 11.1105 11.4545C10.3573 12.6827 8.75117 13.0678 7.52295 12.3146C6.29478 11.5615 5.9096 9.95522 6.66279 8.72705C8.39745 9.79074 8.71456 9.37322 9.6042 9.91871Z" fill="#F0F0F0"></path><path data-v-35e23519="" d="M9.28044 13.6358C10.1678 12.8784 10.4326 13.3382 11.2065 12.6777C12.1419 13.7735 12.0117 15.4202 10.916 16.3555C9.82016 17.2909 8.17353 17.1607 7.23828 16.065C8.78581 14.7439 8.4867 14.3132 9.28044 13.6358Z" fill="#F0F0F0"></path><path data-v-35e23519="" d="M12.7152 15.0924C12.269 14.0144 12.7882 13.9046 12.3992 12.9646C13.7304 12.4136 15.2562 13.0462 15.8072 14.3774C16.3581 15.7086 15.7255 17.2344 14.3943 17.7854C13.6163 15.9053 13.1143 16.0566 12.7152 15.0924Z" fill="#F0F0F0"></path><path data-v-35e23519="" d="M15.1618 12.2758C13.9987 12.367 14.0545 11.8392 13.0403 11.9188C12.9277 10.4826 14.0009 9.22678 15.4372 9.11405C16.8734 9.00159 18.1292 10.0747 18.2418 11.511C16.2132 11.67 16.202 12.1943 15.1618 12.2758Z" fill="#F0F0F0"></path></g><defs data-v-35e23519=""><clipPath data-v-35e23519="" id="clip0_1415_3092"><rect data-v-35e23519="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>

src/tests/__snapshots__/FlagIdIcon.html

@@ -0,0 +1 @@
+<span data-v-abaa30a7="" class="kui-icon flag-id-icon" data-testid="kui-icon-wrapper-flag-id-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; height: 32px; line-height: 0; width: 32px;"><svg data-v-abaa30a7="" data-testid="kui-icon-svg-flag-id-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-abaa30a7="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-abaa30a7="" clip-path="url(#clip0_1415_2217)"><path data-v-abaa30a7="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-abaa30a7="" d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#A2001D"></path></g><defs data-v-abaa30a7=""><clipPath data-v-abaa30a7="" id="clip0_1415_2217"><rect data-v-abaa30a7="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>

src/tests/__snapshots__/FlagInIcon.html

@@ -0,0 +1 @@
+<span data-v-00541fee="" class="kui-icon flag-in-icon" data-testid="kui-icon-wrapper-flag-in-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; height: 32px; line-height: 0; width: 32px;"><svg data-v-00541fee="" data-testid="kui-icon-svg-flag-in-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-00541fee="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-00541fee="" clip-path="url(#clip0_1415_5241)"><path data-v-00541fee="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-00541fee="" d="M12 0C7.24242 0 3.13167 2.76867 1.19067 6.78263H22.8092C20.8682 2.76867 16.7574 0 12 0Z" fill="#FF9811"></path><path data-v-00541fee="" d="M12 23.9999C16.7574 23.9999 20.8682 21.2312 22.8092 17.2173H1.19067C3.13167 21.2312 7.24242 23.9999 12 23.9999Z" fill="#6DA544"></path><path data-v-00541fee="" d="M12.0001 16.174C14.3052 16.174 16.174 14.3052 16.174 12.0001C16.174 9.69489 14.3052 7.82617 12.0001 7.82617C9.69489 7.82617 7.82617 9.69489 7.82617 12.0001C7.82617 14.3052 9.69489 16.174 12.0001 16.174Z" fill="#0052B4"></path><path data-v-00541fee="" d="M12 14.6085C13.4408 14.6085 14.6087 13.4405 14.6087 11.9998C14.6087 10.5591 13.4408 9.39111 12 9.39111C10.5593 9.39111 9.39136 10.5591 9.39136 11.9998C9.39136 13.4405 10.5593 14.6085 12 14.6085Z" fill="#F0F0F0"></path><path data-v-00541fee="" d="M12 8.78076L12.8048 10.606L14.7878 10.3903L13.6095 11.9999L14.7878 13.6094L12.8048 13.3937L12 15.2189L11.1952 13.3937L9.21216 13.6094L10.3904 11.9999L9.21216 10.3903L11.1952 10.606L12 8.78076Z" fill="#0052B4"></path></g><defs data-v-00541fee=""><clipPath data-v-00541fee="" id="clip0_1415_5241"><rect data-v-00541fee="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>

src/tests/__snapshots__/FlagJpIcon.html

@@ -0,0 +1 @@
+<span data-v-c1366c2e="" class="kui-icon flag-jp-icon" data-testid="kui-icon-wrapper-flag-jp-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; height: 32px; line-height: 0; width: 32px;"><svg data-v-c1366c2e="" data-testid="kui-icon-svg-flag-jp-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c1366c2e="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-c1366c2e="" clip-path="url(#clip0_1415_4034)"><path data-v-c1366c2e="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-c1366c2e="" d="M12.0001 17.2175C14.8816 17.2175 17.2175 14.8816 17.2175 12.0001C17.2175 9.11861 14.8816 6.78271 12.0001 6.78271C9.11861 6.78271 6.78271 9.11861 6.78271 12.0001C6.78271 14.8816 9.11861 17.2175 12.0001 17.2175Z" fill="#D80027"></path></g><defs data-v-c1366c2e=""><clipPath data-v-c1366c2e="" id="clip0_1415_4034"><rect data-v-c1366c2e="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>