@uplatform/brand 0.1.2 → 0.2.0

package/dist/affiliation.d.ts

@@ -13,8 +13,8 @@ export interface UplatformAffiliationAttributes {
     product?: string;
     /** 언어 태그. 주 태그가 `en` 이면(`en` · `en-US` …) 영어, 그 밖은 한국어. */
     lang?: string;
-    /** 없으면 OS 설정을 따른다. */
-    theme?: Theme;
+    /** `auto`(기본 — 속성이 없을 때와 같다)는 OS 설정(`prefers-color-scheme`)을 따르고 바뀌면 다시 그린다. `light` · `dark` 는 고정. */
+    theme?: 'auto' | Theme;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/generated/geometry.json

@@ -55,6 +55,17 @@
         "filled": false
       }
     },
+    "u-qms": {
+      "name": "U-QMS",
+      "color": {
+        "light": "#90466C",
+        "dark": "#D48AAD"
+      },
+      "glyph": {
+        "d": "M26.00 32.00L30.20 36.50L38.00 27.20",
+        "filled": false
+      }
+    },
     "u-board": {
       "name": "U-Board",
       "color": {

package/dist/generated/marks.js

@@ -2,6 +2,7 @@
 export const MARKS = {
     "u-cmms": { light: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 64\" width=\"64\" height=\"64\"><path fill=\"#333232\" d=\"M20.000 32.000L20.000 7.407A1.800 1.800 0 0 0 17.319 5.838A30.000 30.000 0 0 0 2.000 32.000ZM44.000 32.000L44.000 7.407A1.800 1.800 0 0 1 46.681 5.838A30.000 30.000 0 0 1 62.000 32.000Z\"/><path fill=\"#556E1C\" d=\"M2.000 32.000A30.000 30.000 0 0 0 62.000 32.000L44.000 32.000A12.000 12.000 0 0 1 20.000 32.000Z\"/><path fill=\"none\" stroke=\"#556E1C\" stroke-width=\"2.250\" stroke-linejoin=\"miter\" d=\"M27.20 32.00A4.80 4.80 0 1 0 36.80 32.00A4.80 4.80 0 1 0 27.20 32.00Z\"/></svg>", dark: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 64\" width=\"64\" height=\"64\"><path fill=\"#D6D6D6\" d=\"M20.000 32.000L20.000 7.407A1.800 1.800 0 0 0 17.319 5.838A30.000 30.000 0 0 0 2.000 32.000ZM44.000 32.000L44.000 7.407A1.800 1.800 0 0 1 46.681 5.838A30.000 30.000 0 0 1 62.000 32.000Z\"/><path fill=\"#96B069\" d=\"M2.000 32.000A30.000 30.000 0 0 0 62.000 32.000L44.000 32.000A12.000 12.000 0 0 1 20.000 32.000Z\"/><path fill=\"none\" stroke=\"#96B069\" stroke-width=\"2.250\" stroke-linejoin=\"miter\" d=\"M27.20 32.00A4.80 4.80 0 1 0 36.80 32.00A4.80 4.80 0 1 0 27.20 32.00Z\"/></svg>" },
     "u-mes": { light: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 64\" width=\"64\" height=\"64\"><path fill=\"#333232\" d=\"M20.000 32.000L20.000 7.407A1.800 1.800 0 0 0 17.319 5.838A30.000 30.000 0 0 0 2.000 32.000ZM44.000 32.000L44.000 7.407A1.800 1.800 0 0 1 46.681 5.838A30.000 30.000 0 0 1 62.000 32.000Z\"/><path fill=\"#00728A\" d=\"M2.000 32.000A30.000 30.000 0 0 0 62.000 32.000L44.000 32.000A12.000 12.000 0 0 1 20.000 32.000Z\"/><path fill=\"none\" stroke=\"#00728A\" stroke-width=\"2.250\" stroke-linejoin=\"miter\" d=\"M27.80 26.00L37.40 32.00L27.80 38.00Z\"/></svg>", dark: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 64\" width=\"64\" height=\"64\"><path fill=\"#D6D6D6\" d=\"M20.000 32.000L20.000 7.407A1.800 1.800 0 0 0 17.319 5.838A30.000 30.000 0 0 0 2.000 32.000ZM44.000 32.000L44.000 7.407A1.800 1.800 0 0 1 46.681 5.838A30.000 30.000 0 0 1 62.000 32.000Z\"/><path fill=\"#4DB4CC\" d=\"M2.000 32.000A30.000 30.000 0 0 0 62.000 32.000L44.000 32.000A12.000 12.000 0 0 1 20.000 32.000Z\"/><path fill=\"none\" stroke=\"#4DB4CC\" stroke-width=\"2.250\" stroke-linejoin=\"miter\" d=\"M27.80 26.00L37.40 32.00L27.80 38.00Z\"/></svg>" },
+    "u-qms": { light: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 64\" width=\"64\" height=\"64\"><path fill=\"#333232\" d=\"M20.000 32.000L20.000 7.407A1.800 1.800 0 0 0 17.319 5.838A30.000 30.000 0 0 0 2.000 32.000ZM44.000 32.000L44.000 7.407A1.800 1.800 0 0 1 46.681 5.838A30.000 30.000 0 0 1 62.000 32.000Z\"/><path fill=\"#90466C\" d=\"M2.000 32.000A30.000 30.000 0 0 0 62.000 32.000L44.000 32.000A12.000 12.000 0 0 1 20.000 32.000Z\"/><path fill=\"none\" stroke=\"#90466C\" stroke-width=\"2.250\" stroke-linejoin=\"miter\" d=\"M26.00 32.00L30.20 36.50L38.00 27.20\"/></svg>", dark: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 64\" width=\"64\" height=\"64\"><path fill=\"#D6D6D6\" d=\"M20.000 32.000L20.000 7.407A1.800 1.800 0 0 0 17.319 5.838A30.000 30.000 0 0 0 2.000 32.000ZM44.000 32.000L44.000 7.407A1.800 1.800 0 0 1 46.681 5.838A30.000 30.000 0 0 1 62.000 32.000Z\"/><path fill=\"#D48AAD\" d=\"M2.000 32.000A30.000 30.000 0 0 0 62.000 32.000L44.000 32.000A12.000 12.000 0 0 1 20.000 32.000Z\"/><path fill=\"none\" stroke=\"#D48AAD\" stroke-width=\"2.250\" stroke-linejoin=\"miter\" d=\"M26.00 32.00L30.20 36.50L38.00 27.20\"/></svg>" },
     "u-ems": { light: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 64\" width=\"64\" height=\"64\"><path fill=\"#333232\" d=\"M20.000 32.000L20.000 7.407A1.800 1.800 0 0 0 17.319 5.838A30.000 30.000 0 0 0 2.000 32.000ZM44.000 32.000L44.000 7.407A1.800 1.800 0 0 1 46.681 5.838A30.000 30.000 0 0 1 62.000 32.000Z\"/><path fill=\"#915115\" d=\"M2.000 32.000A30.000 30.000 0 0 0 62.000 32.000L44.000 32.000A12.000 12.000 0 0 1 20.000 32.000Z\"/><path fill=\"none\" stroke=\"#915115\" stroke-width=\"2.250\" stroke-linejoin=\"miter\" d=\"M33.80 26.00L29.00 32.60L35.00 31.40L30.20 38.00\"/></svg>", dark: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 64\" width=\"64\" height=\"64\"><path fill=\"#D6D6D6\" d=\"M20.000 32.000L20.000 7.407A1.800 1.800 0 0 0 17.319 5.838A30.000 30.000 0 0 0 2.000 32.000ZM44.000 32.000L44.000 7.407A1.800 1.800 0 0 1 46.681 5.838A30.000 30.000 0 0 1 62.000 32.000Z\"/><path fill=\"#D49464\" d=\"M2.000 32.000A30.000 30.000 0 0 0 62.000 32.000L44.000 32.000A12.000 12.000 0 0 1 20.000 32.000Z\"/><path fill=\"none\" stroke=\"#D49464\" stroke-width=\"2.250\" stroke-linejoin=\"miter\" d=\"M33.80 26.00L29.00 32.60L35.00 31.40L30.20 38.00\"/></svg>" },
     "u-sphere": { light: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 64\" width=\"64\" height=\"64\"><path fill=\"#333232\" d=\"M20.000 32.000L20.000 7.407A1.800 1.800 0 0 0 17.319 5.838A30.000 30.000 0 0 0 2.000 32.000ZM44.000 32.000L44.000 7.407A1.800 1.800 0 0 1 46.681 5.838A30.000 30.000 0 0 1 62.000 32.000Z\"/><path fill=\"#725195\" d=\"M2.000 32.000A30.000 30.000 0 0 0 62.000 32.000L44.000 32.000A12.000 12.000 0 0 1 20.000 32.000Z\"/><path fill=\"none\" stroke=\"#725195\" stroke-width=\"2.250\" stroke-linejoin=\"miter\" d=\"M32.00 26.00L38.00 32.00L32.00 38.00L26.00 32.00Z\"/></svg>", dark: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 64\" width=\"64\" height=\"64\"><path fill=\"#D6D6D6\" d=\"M20.000 32.000L20.000 7.407A1.800 1.800 0 0 0 17.319 5.838A30.000 30.000 0 0 0 2.000 32.000ZM44.000 32.000L44.000 7.407A1.800 1.800 0 0 1 46.681 5.838A30.000 30.000 0 0 1 62.000 32.000Z\"/><path fill=\"#B395D7\" d=\"M2.000 32.000A30.000 30.000 0 0 0 62.000 32.000L44.000 32.000A12.000 12.000 0 0 1 20.000 32.000Z\"/><path fill=\"none\" stroke=\"#B395D7\" stroke-width=\"2.250\" stroke-linejoin=\"miter\" d=\"M32.00 26.00L38.00 32.00L32.00 38.00L26.00 32.00Z\"/></svg>" },
     "u-board": { light: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 64\" width=\"64\" height=\"64\"><path fill=\"#333232\" d=\"M20.000 32.000L20.000 7.407A1.800 1.800 0 0 0 17.319 5.838A30.000 30.000 0 0 0 2.000 32.000ZM44.000 32.000L44.000 7.407A1.800 1.800 0 0 1 46.681 5.838A30.000 30.000 0 0 1 62.000 32.000Z\"/><path fill=\"#007759\" d=\"M2.000 32.000A30.000 30.000 0 0 0 62.000 32.000L44.000 32.000A12.000 12.000 0 0 1 20.000 32.000Z\"/><path fill=\"none\" stroke=\"#007759\" stroke-width=\"2.250\" stroke-linejoin=\"miter\" d=\"M26.00 26.00H38.00V38.00H26.00ZM32.00 26.00V38.00M26.00 32.00H38.00\"/></svg>", dark: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 64\" width=\"64\" height=\"64\"><path fill=\"#D6D6D6\" d=\"M20.000 32.000L20.000 7.407A1.800 1.800 0 0 0 17.319 5.838A30.000 30.000 0 0 0 2.000 32.000ZM44.000 32.000L44.000 7.407A1.800 1.800 0 0 1 46.681 5.838A30.000 30.000 0 0 1 62.000 32.000Z\"/><path fill=\"#5CB99B\" d=\"M2.000 32.000A30.000 30.000 0 0 0 62.000 32.000L44.000 32.000A12.000 12.000 0 0 1 20.000 32.000Z\"/><path fill=\"none\" stroke=\"#5CB99B\" stroke-width=\"2.250\" stroke-linejoin=\"miter\" d=\"M26.00 26.00H38.00V38.00H26.00ZM32.00 26.00V38.00M26.00 32.00H38.00\"/></svg>" },

package/dist/generated/products.json

@@ -37,6 +37,18 @@
       "glyph": "flow",
       "mark": true
     },
+    {
+      "id": "u-qms",
+      "name": "U-QMS",
+      "family": "solutions",
+      "hue": 350,
+      "color": {
+        "light": "#90466C",
+        "dark": "#D48AAD"
+      },
+      "glyph": "check",
+      "mark": true
+    },
     {
       "id": "u-ems",
       "name": "U-EMS",

package/dist/mark.d.ts

@@ -13,8 +13,8 @@ export interface UMarkAttributes {
     product?: string;
     /** `reveal` = 한 번 그려 보인다 · `chase` = 로딩 동안 돈다 · 그 밖(없음 · `none`) = 완성된 마크. 움직임 줄이기에서는 늘 완성된 마크. */
     motion?: 'none' | 'reveal' | 'chase';
-    /** 없으면 OS 설정을 따른다. */
-    theme?: Theme;
+    /** `auto`(기본 — 속성이 없을 때와 같다)는 OS 설정(`prefers-color-scheme`)을 따르고 바뀌면 다시 그린다. `light` · `dark` 는 고정. */
+    theme?: 'auto' | Theme;
     /** `visible` 이면 `reveal` 을 화면에 절반 이상 보일 때 시작한다. */
     play?: 'visible';
 }

package/marks/u-qms-reverse.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><path fill="#D6D6D6" d="M20.000 32.000L20.000 7.407A1.800 1.800 0 0 0 17.319 5.838A30.000 30.000 0 0 0 2.000 32.000ZM44.000 32.000L44.000 7.407A1.800 1.800 0 0 1 46.681 5.838A30.000 30.000 0 0 1 62.000 32.000Z"/><path fill="#D48AAD" d="M2.000 32.000A30.000 30.000 0 0 0 62.000 32.000L44.000 32.000A12.000 12.000 0 0 1 20.000 32.000Z"/><path fill="none" stroke="#D48AAD" stroke-width="2.250" stroke-linejoin="miter" d="M26.00 32.00L30.20 36.50L38.00 27.20"/></svg>

package/marks/u-qms.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><path fill="#333232" d="M20.000 32.000L20.000 7.407A1.800 1.800 0 0 0 17.319 5.838A30.000 30.000 0 0 0 2.000 32.000ZM44.000 32.000L44.000 7.407A1.800 1.800 0 0 1 46.681 5.838A30.000 30.000 0 0 1 62.000 32.000Z"/><path fill="#90466C" d="M2.000 32.000A30.000 30.000 0 0 0 62.000 32.000L44.000 32.000A12.000 12.000 0 0 1 20.000 32.000Z"/><path fill="none" stroke="#90466C" stroke-width="2.250" stroke-linejoin="miter" d="M26.00 32.00L30.20 36.50L38.00 27.20"/></svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uplatform/brand",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "description": "U-Platform affiliation kit — product list, marks, the <uplatform-affiliation> and <u-mark> elements, mark renders and patterns.",
   "type": "module",
   "license": "SEE LICENSE IN LICENSE",