fis-component 0.0.25 → 0.0.27

package/dist/esm/types/src/styles/design-system/variable.d.ts

@@ -32,6 +32,7 @@ declare const _default: {
     readonly "com/accordion/head/background-color/default": "#ffffff00";
     readonly "com/accordion/head/background-color/hover": "#02305e16";
     readonly "com/accordion/head/background-color/disable": "#ffffff00";
+    readonly "com/accordion/divider/stroke-width": "1px";
     readonly "com/accordion/body/size-sm/top-padding": "8px";
     readonly "com/accordion/body/size-sm/left-padding": "0px";
     readonly "com/accordion/body/size-sm/right-padding": "0px";
@@ -79,10 +80,10 @@ declare const _default: {
     readonly "com/avatar/theme/icon/color-icon/ocean": "#00969d";
     readonly "com/avatar/theme/icon/color-icon/green": "#009559";
     readonly "com/avatar/theme/icon/color-icon/lime": "#4b8c00";
-    readonly "com/avatar/theme/icon/color-icon/blue": "#008ee1";
-    readonly "com/avatar/theme/icon/color-icon/indigo": "#4278f5";
     readonly "com/avatar/theme/icon/color-icon/pink": "#cd44a7";
     readonly "com/avatar/theme/icon/color-icon/violet": "#a65dcf";
+    readonly "com/avatar/theme/icon/color-icon/indigo": "#4278f5";
+    readonly "com/avatar/theme/icon/color-icon/blue": "#008ee1";
     readonly "com/avatar/theme/label/color-text/neutral": "#828f96";
     readonly "com/avatar/theme/label/color-text/red": "#df3e3f";
     readonly "com/avatar/theme/label/color-text/orange": "#cc5602";
@@ -125,8 +126,8 @@ declare const _default: {
     readonly "com/avatar/status-badge/size-sm/stroke-width": "1.3px";
     readonly "com/avatar/status-badge/size-md/stroke-width": "2px";
     readonly "com/avatar/status-badge/size-lg/stroke-width": "2px";
-    readonly "com/avatar/status-badge/theme/red": "#f5685f";
     readonly "com/avatar/status-badge/theme/green": "#00b077";
+    readonly "com/avatar/status-badge/theme/red": "#f5685f";
     readonly "com/avatar/status-badge/theme/yellow": "#d58e00";
     readonly "com/avatar/status-badge/theme/blue": "#00a6e5";
     readonly "com/avatar/status-badge/theme/neutral": "#dee3e7";
@@ -139,8 +140,8 @@ declare const _default: {
     readonly "com/alert-banner/stroke-width": "1px";
     readonly "com/alert-banner/label/horizonal-gap": "12px";
     readonly "com/alert-banner/label/vertical-gap": "4px";
-    readonly "com/alert-banner/icon-wrap/height": "20px";
     readonly "com/alert-banner/close-wrap/margin": "-4px";
+    readonly "com/alert-banner/icon-wrap/height": "20px";
     readonly "com/alert-banner/icon/left-padding": "4px";
     readonly "com/alert-banner/icon/size-icon": "20px";
     readonly "com/alert-banner/action/horizontal-gap": "16px";
@@ -151,9 +152,9 @@ declare const _default: {
     readonly "com/alert-banner/theme/icon/color-icon/negative": "#d8473c";
     readonly "com/alert-banner/theme/title/color-text/neutral": "#1e2225";
     readonly "com/alert-banner/theme/title/color-text/info": "#1e2225";
-    readonly "com/alert-banner/theme/title/color-text/negative": "#1e2225";
     readonly "com/alert-banner/theme/title/color-text/positive": "#1e2225";
     readonly "com/alert-banner/theme/title/color-text/caution": "#1e2225";
+    readonly "com/alert-banner/theme/title/color-text/negative": "#1e2225";
     readonly "com/alert-banner/theme/description/color-text/neutral": "#505a5f";
     readonly "com/alert-banner/theme/description/color-text/info": "#505a5f";
     readonly "com/alert-banner/theme/description/color-text/positive": "#505a5f";
@@ -279,13 +280,13 @@ declare const _default: {
     readonly "com/badge/solid/background-color/indigo": "#4278f5";
     readonly "com/badge/solid/background-color/violet": "#a65dcf";
     readonly "com/badge/solid/background-color/pink": "#cd44a7";
-    readonly "com/badge/solid/background-color/negative": "#d0121c";
-    readonly "com/badge/solid/background-color/positive": "#007d35";
     readonly "com/badge/solid/background-color/caution": "#a94900";
     readonly "com/badge/solid/background-color/info": "#006bdf";
+    readonly "com/badge/solid/background-color/positive": "#007d35";
+    readonly "com/badge/solid/background-color/negative": "#d0121c";
     readonly "com/badge/disable/icon/color-icon": "#c5cdd2";
-    readonly "com/badge/disable/label/color-text": "#c5cdd2";
     readonly "com/badge/disable/color-stroke": "#02305e16";
+    readonly "com/badge/disable/label/color-text": "#c5cdd2";
     readonly "com/badge/disable/background-color": "#ffffff";
     readonly "com/breadcrumbs/module/horizontal-gap": "4px";
     readonly "com/breadcrumbs/module/horizontal-padding": "4px";
@@ -352,13 +353,10 @@ declare const _default: {
     readonly "com/button/disable-invert/stroke-color": "#ffffff30";
     readonly "com/button/loading/background-color": "#e9edf1";
     readonly "com/button/loading/background-color-transparent": "#ffffff00";
-    readonly "com/button/loading/stroke-color": "#0a2f4d22";
-    readonly "com/button/loading/icon/stroke-color": "#343d41";
-    readonly "com/button/loading/icon/stroke-color-transparent": "#02305e16";
+    readonly "com/button/loading/stroke-color": "#02305e16";
     readonly "com/button/loading-invert/solid-background-color": "#ffffff30";
     readonly "com/button/loading-invert/background-color-transparent": "#ffffff00";
-    readonly "com/button/loading-invert/icon/stroke-color": "#ffffff";
-    readonly "com/button/loading-invert/icon/stroke-color-transparent": "#ffffff00";
+    readonly "com/button/loading-invert/stroke-color": "#ffffff30";
     readonly "com/button/primary/background/default": "#2f3cc1";
     readonly "com/button/primary/background/hover": "#3263e7";
     readonly "com/button/primary/background/pressed": "#242173";
@@ -476,6 +474,86 @@ declare const _default: {
     readonly "com/button-group/divider/divider-color/disable": "#02305e16";
     readonly "com/button-group/background-color/default": "#ffffff";
     readonly "com/button-group/background-color/disable": "#ffffff00";
+    readonly "com/menu/top-padding": "8px";
+    readonly "com/menu/right-padding": "8px";
+    readonly "com/menu/bottom-padding": "8px";
+    readonly "com/menu/left-padding": "8px";
+    readonly "com/menu/corner-radius": "12px";
+    readonly "com/menu/background-color": "#ffffff";
+    readonly "com/menu/min-width": "132px";
+    readonly "com/menu/max-height": "780px";
+    readonly "com/menu/search-bar/size": "Md (36)";
+    readonly "com/menu/scrollbar/direction": "Vertical";
+    readonly "com/menu/group-label/horizontal-padding": "8px";
+    readonly "com/menu/group-label/vertical-padding": "4px";
+    readonly "com/menu/group-label/color-text": "#828f96";
+    readonly "com/menu/border/stroke-width": "1px";
+    readonly "com/menu/border/color-stroke": "#0a2f4d22";
+    readonly "com/menu/divider/stroke-width": "1px";
+    readonly "com/menu/divider/color-stroke": "#0a2f4d22";
+    readonly "com/menu/divider/padding": "Xs (8)";
+    readonly "com/menu/item/horizontal-gap": "8px";
+    readonly "com/menu/item/vertical-gap": "2px";
+    readonly "com/menu/item/corner-radius": "6px";
+    readonly "com/menu/item/min-width": "204px";
+    readonly "com/menu/item/size-md/vertical-padding": "8px";
+    readonly "com/menu/item/size-md/horizontal-padding": "8px";
+    readonly "com/menu/item/size-md/min-height": "36px";
+    readonly "com/menu/item/size-md/icon/size-icon": "20px";
+    readonly "com/menu/item/size-lg/vertical-padding": "12px";
+    readonly "com/menu/item/size-lg/horizontal-padding": "12px";
+    readonly "com/menu/item/size-lg/min-height": "44px";
+    readonly "com/menu/item/size-lg/icon/size-icon": "20px";
+    readonly "com/menu/item/action/icon/color-icon/default": "#505a5f";
+    readonly "com/menu/item/action/icon/color-icon/hover": "#343d41";
+    readonly "com/menu/item/action/label/color-text/default": "#505a5f";
+    readonly "com/menu/item/action/label/color-text/hover": "#1e2225";
+    readonly "com/menu/item/action/description/color-text/default": "#828f96";
+    readonly "com/menu/item/action/description/color-text/hover": "#505a5f";
+    readonly "com/menu/item/action/background-color/default": "#ffffff00";
+    readonly "com/menu/item/action/background-color/hover": "#02305e16";
+    readonly "com/menu/item/action/background-color/selected": "#00375b0e";
+    readonly "com/menu/item/action/badge/size": "Sm (20)";
+    readonly "com/menu/item/action/badge/theme": "Neutral - Light";
+    readonly "com/menu/item/leveling/label/color-text/default": "#505a5f";
+    readonly "com/menu/item/leveling/label/color-text/hover": "#1e2225";
+    readonly "com/menu/item/leveling/label/color-text/selected": "#2a30a0";
+    readonly "com/menu/item/leveling/description/color-text/default": "#828f96";
+    readonly "com/menu/item/leveling/description/color-text/hover": "#505a5f";
+    readonly "com/menu/item/leveling/description/color-text/selected": "#828f96";
+    readonly "com/menu/item/leveling/icon/color-icon/default": "#505a5f";
+    readonly "com/menu/item/leveling/icon/color-icon/hover": "#343d41";
+    readonly "com/menu/item/leveling/icon/color-icon/selected": "#2f3cc1";
+    readonly "com/menu/item/leveling/background-color/default": "#ffffff00";
+    readonly "com/menu/item/leveling/background-color/hover": "#02305e16";
+    readonly "com/menu/item/leveling/background-color/selected": "#f5f8fc";
+    readonly "com/menu/item/select-able/label/color-text/default": "#505a5f";
+    readonly "com/menu/item/select-able/label/color-text/hover": "#1e2225";
+    readonly "com/menu/item/select-able/label/color-text/selected": "#2a30a0";
+    readonly "com/menu/item/select-able/description/color-text/default": "#828f96";
+    readonly "com/menu/item/select-able/description/color-text/hover": "#505a5f";
+    readonly "com/menu/item/select-able/description/color-text/selected": "#828f96";
+    readonly "com/menu/item/select-able/icon/color-icon/default": "#505a5f";
+    readonly "com/menu/item/select-able/icon/color-icon/hover": "#343d41";
+    readonly "com/menu/item/select-able/icon/color-icon/selected": "#2f3cc1";
+    readonly "com/menu/item/select-able/background-color/default": "#ffffff00";
+    readonly "com/menu/item/select-able/background-color/hover": "#02305e16";
+    readonly "com/menu/item/select-able/background-color/selected": "#f5f8fc";
+    readonly "com/menu/item/disable/label/color-text": "#c5cdd2";
+    readonly "com/menu/item/disable/description/color-text": "#c5cdd2";
+    readonly "com/menu/item/disable/icon/color-icon": "#c5cdd2";
+    readonly "com/menu/item/disable/background/background-color": "#ffffff00";
+    readonly "com/menu/item/action-negative/icon/color-icon/default": "#d8473c";
+    readonly "com/menu/item/action-negative/icon/color-icon/hover": "#d8473c";
+    readonly "com/menu/item/action-negative/label/color-text/default": "#a80a12";
+    readonly "com/menu/item/action-negative/label/color-text/hover": "#a80a12";
+    readonly "com/menu/item/action-negative/description/color-text/default": "#828f96";
+    readonly "com/menu/item/action-negative/description/color-text/hover": "#505a5f";
+    readonly "com/menu/item/action-negative/background-color/default": "#ffffff00";
+    readonly "com/menu/item/action-negative/background-color/hover": "#fee9e7";
+    readonly "com/menu/item/action-negative/background-color/selected": "#feeeed";
+    readonly "com/menu/item/action-negative/badge/size": "Sm (20)";
+    readonly "com/menu/item/action-negative/badge/theme": "Neutral - Light";
     readonly "com/checkbox/horizontal-gap": "8px";
     readonly "com/checkbox/item/stroke-width": "1px";
     readonly "com/checkbox/item/marked/background-color/default": "#2f3cc1";
@@ -944,75 +1022,6 @@ declare const _default: {
     readonly "com/link/invert/label-color/hover": "#ffffff";
     readonly "com/link/invert/icon-color/default": "#ffffff";
     readonly "com/link/invert/icon-color/hover": "#ffffff";
-    readonly "com/menu/right-padding": "8px";
-    readonly "com/menu/left-padding": "8px";
-    readonly "com/menu/top-padding": "8px";
-    readonly "com/menu/bottom-padding": "8px";
-    readonly "com/menu/corner-radius": "12px";
-    readonly "com/menu/background-color": "#ffffff";
-    readonly "com/menu/min-width": "132px";
-    readonly "com/menu/max-height": "780px";
-    readonly "com/menu/search-bar/size": "Md (36)";
-    readonly "com/menu/scrollbar/direction": "Vertical";
-    readonly "com/menu/group-label/horizontal-padding": "8px";
-    readonly "com/menu/group-label/vertical-padding": "4px";
-    readonly "com/menu/group-label/color-text": "#828f96";
-    readonly "com/menu/border/stroke-width": "1px";
-    readonly "com/menu/border/color-stroke": "#0a2f4d22";
-    readonly "com/menu/divider/stroke-width": "1px";
-    readonly "com/menu/divider/color-stroke": "#0a2f4d22";
-    readonly "com/menu/divider/padding": "Xs (8)";
-    readonly "com/menu/item/horizontal-gap": "8px";
-    readonly "com/menu/item/vertical-gap": "2px";
-    readonly "com/menu/item/corner-radius": "6px";
-    readonly "com/menu/item/min-width": "204px";
-    readonly "com/menu/item/size-md/vertical-padding": "8px";
-    readonly "com/menu/item/size-md/horizontal-padding": "8px";
-    readonly "com/menu/item/size-md/min-height": "36px";
-    readonly "com/menu/item/size-md/icon/size-icon": "20px";
-    readonly "com/menu/item/size-lg/vertical-padding": "12px";
-    readonly "com/menu/item/size-lg/horizontal-padding": "12px";
-    readonly "com/menu/item/size-lg/min-height": "44px";
-    readonly "com/menu/item/size-lg/icon/size-icon": "20px";
-    readonly "com/menu/item/action/icon/color-icon/default": "#505a5f";
-    readonly "com/menu/item/action/icon/color-icon/hover": "#343d41";
-    readonly "com/menu/item/action/label/color-text/default": "#505a5f";
-    readonly "com/menu/item/action/label/color-text/hover": "#1e2225";
-    readonly "com/menu/item/action/description/color-text/default": "#828f96";
-    readonly "com/menu/item/action/description/color-text/hover": "#505a5f";
-    readonly "com/menu/item/action/background-color/default": "#ffffff00";
-    readonly "com/menu/item/action/background-color/hover": "#02305e16";
-    readonly "com/menu/item/action/background-color/selected": "#00375b0e";
-    readonly "com/menu/item/action/badge/size": "Sm (20)";
-    readonly "com/menu/item/action/badge/theme": "Neutral - Light";
-    readonly "com/menu/item/leveling/label/color-text/default": "#505a5f";
-    readonly "com/menu/item/leveling/label/color-text/hover": "#1e2225";
-    readonly "com/menu/item/leveling/label/color-text/selected": "#2a30a0";
-    readonly "com/menu/item/leveling/description/color-text/default": "#828f96";
-    readonly "com/menu/item/leveling/description/color-text/hover": "#505a5f";
-    readonly "com/menu/item/leveling/description/color-text/selected": "#828f96";
-    readonly "com/menu/item/leveling/icon/color-icon/default": "#505a5f";
-    readonly "com/menu/item/leveling/icon/color-icon/hover": "#343d41";
-    readonly "com/menu/item/leveling/icon/color-icon/selected": "#2f3cc1";
-    readonly "com/menu/item/leveling/background-color/default": "#ffffff00";
-    readonly "com/menu/item/leveling/background-color/hover": "#02305e16";
-    readonly "com/menu/item/leveling/background-color/selected": "#f5f8fc";
-    readonly "com/menu/item/select-able/label/color-text/default": "#505a5f";
-    readonly "com/menu/item/select-able/label/color-text/hover": "#1e2225";
-    readonly "com/menu/item/select-able/label/color-text/selected": "#2a30a0";
-    readonly "com/menu/item/select-able/description/color-text/default": "#828f96";
-    readonly "com/menu/item/select-able/description/color-text/hover": "#505a5f";
-    readonly "com/menu/item/select-able/description/color-text/selected": "#828f96";
-    readonly "com/menu/item/select-able/icon/color-icon/default": "#505a5f";
-    readonly "com/menu/item/select-able/icon/color-icon/hover": "#343d41";
-    readonly "com/menu/item/select-able/icon/color-icon/selected": "#2f3cc1";
-    readonly "com/menu/item/select-able/background-color/default": "#ffffff00";
-    readonly "com/menu/item/select-able/background-color/hover": "#02305e16";
-    readonly "com/menu/item/select-able/background-color/selected": "#f5f8fc";
-    readonly "com/menu/item/disable/label/color-text": "#c5cdd2";
-    readonly "com/menu/item/disable/description/color-text": "#c5cdd2";
-    readonly "com/menu/item/disable/icon/color-icon": "#c5cdd2";
-    readonly "com/menu/item/disable/background/background-color": "#ffffff00";
     readonly "com/navigation/background-color": "#ffffff";
     readonly "com/navigation/corner-radius": "28px";
     readonly "com/navigation/width": "280px";
@@ -1088,6 +1097,7 @@ declare const _default: {
     readonly "com/notification/title-n-content/sub-spacing": "4px";
     readonly "com/notification/action/horizontal-gap": "16px";
     readonly "com/notification/icon/size-icon": "20px";
+    readonly "com/notification/status-line/width": "4px";
     readonly "com/notification/theme/label/color-text/default": "#1e2225";
     readonly "com/notification/theme/label/color-text/info": "#1e2225";
     readonly "com/notification/theme/label/color-text/positive": "#1e2225";
@@ -1396,9 +1406,9 @@ declare const _default: {
     readonly "com/select/field/disable/background-color": "#ffffff00";
     readonly "com/select/field/disable/background-color-transparent": "#ffffff00";
     readonly "com/select/field/disable/stroke-color": "#02305e16";
-    readonly "com/select/field/default/background/default": "#ffffff";
-    readonly "com/select/field/default/background/hover": "#e9edf1";
-    readonly "com/select/field/default/background/active": "#f1f4f6";
+    readonly "com/select/field/default/background/default": "#f8f9fb";
+    readonly "com/select/field/default/background/hover": "#dee3e7";
+    readonly "com/select/field/default/background/active": "#f8f9fb";
     readonly "com/select/field/default/border/default": "#0d2e433d";
     readonly "com/select/field/default/border/hover": "#0d2e433d";
     readonly "com/select/field/default/border/active": "#3263e7";
@@ -1426,6 +1436,20 @@ declare const _default: {
     readonly "com/select/hint/neutral/label/color-text": "#505a5f";
     readonly "com/select/hint/disable/icon/color-icon": "#c5cdd2";
     readonly "com/select/hint/disable/label/color-text": "#c5cdd2";
+    readonly "com/split-button/size-xs/width": "24px";
+    readonly "com/split-button/size-xs/icon/width": "16px";
+    readonly "com/split-button/size-sm/width": "24px";
+    readonly "com/split-button/size-sm/icon/width": "16px";
+    readonly "com/split-button/size-md/width": "28px";
+    readonly "com/split-button/size-md/icon/width": "16px";
+    readonly "com/split-button/size-lg/width": "28px";
+    readonly "com/split-button/size-lg/icon/width": "16px";
+    readonly "com/split-button/primary/divider/color-stroke": "#ffffff82";
+    readonly "com/split-button/primary/divider/stroke-width": "1px";
+    readonly "com/split-button/primary-invert/divider/color-stroke": "#00152096";
+    readonly "com/split-button/primary-invert/divider/stroke-width": "1px";
+    readonly "com/split-button/disable/divider/color-stroke": "#02305e16";
+    readonly "com/split-button/disable-invert/divider/color-stroke": "#ffffff30";
     readonly "com/switch/horizontal-gap": "8px";
     readonly "com/switch/item/stroke-width": "1px";
     readonly "com/switch/item/corner-radius": "9999px";
@@ -1609,7 +1633,6 @@ declare const _default: {
     readonly "com/toast/right-padding": "8px";
     readonly "com/toast/left-padding": "12px";
     readonly "com/toast/vertical-padding": "8px";
-    readonly "com/toast/horizontal-gap": "8px";
     readonly "com/toast/theme/icon/left-padding": "2px";
     readonly "com/toast/theme/icon/color-icon/neutral": "#505a5f";
     readonly "com/toast/theme/icon/color-icon/info": "#0083f0";
@@ -1639,6 +1662,7 @@ declare const _default: {
     readonly "com/toast/theme/background-color/positive": "#eaf7ee";
     readonly "com/toast/theme/background-color/caution": "#fcf4e0";
     readonly "com/toast/theme/background-color/negative": "#feeeed";
+    readonly "com/toast/horizontal-gap": "8px";
     readonly "com/toast/corner-radius": "8px";
     readonly "com/tooltip/size-md/horizontal-padding": "12px";
     readonly "com/tooltip/size-md/vertical-padding": "8px";
@@ -1680,8 +1704,8 @@ declare const _default: {
     readonly "com/topbar/left-items/left-bar-expand/horizontal-gap": "0px";
     readonly "com/topbar/left-items/logo/horizontal-gap": "20px";
     readonly "com/topbar/left-items/logo/horizontal-padding": "8px";
-    readonly "com/topbar/left-items/logo/width": "280px";
     readonly "com/topbar/left-items/logo/height": "28px";
+    readonly "com/topbar/left-items/logo/width": "280px";
     readonly "com/topbar/background-color": "#ffffff";
     readonly "com/topbar/left-padding": "16px";
     readonly "com/topbar/right-padding": "20px";
@@ -1692,13 +1716,78 @@ declare const _default: {
     readonly "com/topbar/right-items/user-profile/horizontal-gap": "8px";
     readonly "com/topbar/right-items/user-profile/vertical-padding": "4px";
     readonly "com/topbar/right-items/user-profile/corner-radius": "6px";
-    readonly "com/topbar/right-items/user-profile/icon/color-icon": "#505a5f";
     readonly "com/topbar/right-items/user-profile/label/color-text": "#505a5f";
+    readonly "com/topbar/right-items/user-profile/icon/color-icon": "#505a5f";
     readonly "com/typing-cursor/default": "#2a30a0";
     readonly "com/typing-cursor/negative": "#a80a12";
+    readonly "com/progress-indicator/default/indicator/lead-color": "#2f3cc1";
+    readonly "com/progress-indicator/default/indicator/trail-color": "#ffffff1c";
+    readonly "com/progress-indicator/default/background-color": "#e7f1fa";
+    readonly "com/progress-indicator/invert/indicator/lead-color": "#ffffff";
+    readonly "com/progress-indicator/invert/indicator/trail-color": "#ffffff00";
+    readonly "com/progress-indicator/invert/background-color": "#ffffff1c";
+    readonly "com/progress-indicator/circular/size-xs/width": "16px";
+    readonly "com/progress-indicator/circular/size-xs/indicator/stroke-width": "1.3px";
+    readonly "com/progress-indicator/circular/size-xs/indicator/indicator": "12px";
+    readonly "com/progress-indicator/circular/size-sm/width": "20px";
+    readonly "com/progress-indicator/circular/size-sm/indicator/stroke-width": "2px";
+    readonly "com/progress-indicator/circular/size-sm/indicator/indicator": "16px";
+    readonly "com/progress-indicator/circular/size-md/width": "36px";
+    readonly "com/progress-indicator/circular/size-md/indicator/stroke-width": "3px";
+    readonly "com/progress-indicator/circular/size-md/indicator/indicator": "24px";
+    readonly "com/progress-indicator/circular/size-lg/width": "44px";
+    readonly "com/progress-indicator/circular/size-lg/indicator/stroke-width": "4px";
+    readonly "com/progress-indicator/circular/size-lg/indicator/indicator": "28px";
+    readonly "com/progress-indicator/linear/size-sm/height": "2px";
+    readonly "com/progress-indicator/linear/size-md/height": "4px";
+    readonly "com/progress-indicator/linear/size-lg/height": "8px";
     readonly "com/icon/size/from-28/stroke-width": "2px";
     readonly "com/icon/size/from-20/stroke-width": "1.3px";
     readonly "com/icon/size/under-20/stroke-width": "1px";
+    readonly "com/featured-icon/size/24/width": "24px";
+    readonly "com/featured-icon/size/24/corner-radius": "6px";
+    readonly "com/featured-icon/size/24/size-icon": "16px";
+    readonly "com/featured-icon/size/24/border-width": "1px";
+    readonly "com/featured-icon/size/28/width": "28px";
+    readonly "com/featured-icon/size/28/corner-radius": "6px";
+    readonly "com/featured-icon/size/28/size-icon": "16px";
+    readonly "com/featured-icon/size/28/border-width": "1px";
+    readonly "com/featured-icon/size/36/width": "36px";
+    readonly "com/featured-icon/size/36/corner-radius": "8px";
+    readonly "com/featured-icon/size/36/size-icon": "20px";
+    readonly "com/featured-icon/size/36/border-width": "1px";
+    readonly "com/featured-icon/size/44/width": "44px";
+    readonly "com/featured-icon/size/44/corner-radius": "8px";
+    readonly "com/featured-icon/size/44/size-icon": "24px";
+    readonly "com/featured-icon/size/44/border-width": "1.3px";
+    readonly "com/featured-icon/size/56/width": "56px";
+    readonly "com/featured-icon/size/56/corner-radius": "12px";
+    readonly "com/featured-icon/size/56/size-icon": "28px";
+    readonly "com/featured-icon/size/56/border-width": "1.3px";
+    readonly "com/featured-icon/size/68/width": "68px";
+    readonly "com/featured-icon/size/68/corner-radius": "12px";
+    readonly "com/featured-icon/size/68/size-icon": "36px";
+    readonly "com/featured-icon/size/68/border-width": "2px";
+    readonly "com/featured-icon/size/84/width": "84px";
+    readonly "com/featured-icon/size/84/corner-radius": "12px";
+    readonly "com/featured-icon/size/84/size-icon": "44px";
+    readonly "com/featured-icon/size/84/border-width": "2px";
+    readonly "com/featured-icon/size/corner-radius-rounded": "9999px";
+    readonly "com/featured-icon/theme/neutral/icon/color-stroke": "#343d41";
+    readonly "com/featured-icon/theme/neutral/background-color": "#ffffff";
+    readonly "com/featured-icon/theme/neutral/border/color-stroke": "#0d2e433d";
+    readonly "com/featured-icon/theme/info/icon/color-stroke": "#006bdf";
+    readonly "com/featured-icon/theme/info/background-color": "#f5fafd";
+    readonly "com/featured-icon/theme/info/border/color-stroke": "#c1e2fc";
+    readonly "com/featured-icon/theme/positive/background-color": "#f5fbf7";
+    readonly "com/featured-icon/theme/positive/icon/color-stroke": "#007d35";
+    readonly "com/featured-icon/theme/positive/border/color-stroke": "#c0e6ce";
+    readonly "com/featured-icon/theme/caution/background-color": "#fdf9ed";
+    readonly "com/featured-icon/theme/caution/icon/color-stroke": "#a94900";
+    readonly "com/featured-icon/theme/caution/border/color-stroke": "#f8dbab";
+    readonly "com/featured-icon/theme/negative/background-color": "#fef8f7";
+    readonly "com/featured-icon/theme/negative/icon/color-stroke": "#d0121c";
+    readonly "com/featured-icon/theme/negative/border/color-stroke": "#fdd3cd";
     readonly "pri/color/brand/primary/10": "#f9fbfd";
     readonly "pri/color/brand/primary/25": "#f5f8fc";
     readonly "pri/color/brand/primary/50": "#e7f1fa";
@@ -2202,26 +2291,46 @@ declare const _default: {
     readonly "sem/color/background/brand/secondary/accent/selected": "#823e00";
     readonly "sem/color/background/brand/secondary/accent/disable": "#e9edf1";
     readonly "sem/color/background/black/always_black": "#000000";
-    readonly "sem/color/background/transparent/canvas/default": "#ffffff00";
-    readonly "sem/color/background/transparent/canvas/hover": "#02305e16";
-    readonly "sem/color/background/transparent/canvas/active": "#00375b0e";
-    readonly "sem/color/background/transparent/canvas/pressed": "#0a2f4d22";
-    readonly "sem/color/background/transparent/canvas/selected": "#00375b0e";
-    readonly "sem/color/background/transparent/canvas/disable": "#ffffff00";
-    readonly "sem/color/background/transparent/soft/default": "#00375b0e";
-    readonly "sem/color/background/transparent/soft/hover": "#0a2f4d22";
-    readonly "sem/color/background/transparent/soft/active": "#02305e16";
-    readonly "sem/color/background/transparent/soft/disable": "#04287007";
-    readonly "sem/color/background/transparent/sub/default": "#0d2e433d";
-    readonly "sem/color/background/transparent/sub/hover": "#09233182";
-    readonly "sem/color/background/transparent/sub/active": "#0422355e";
-    readonly "sem/color/background/transparent/sub/disable": "#04287007";
-    readonly "sem/color/background/transparent/accent/default": "#00152096";
-    readonly "sem/color/background/transparent/accent/hover": "#0a2f4d22";
-    readonly "sem/color/background/transparent/accent/active": "#0d2e433d";
-    readonly "sem/color/background/transparent/accent/pressed": "#09233182";
-    readonly "sem/color/background/transparent/accent/selected": "#0d2e433d";
-    readonly "sem/color/background/transparent/accent/disable": "#02305e16";
+    readonly "sem/color/background/transparent/black/canvas/default": "#ffffff00";
+    readonly "sem/color/background/transparent/black/canvas/hover": "#02305e16";
+    readonly "sem/color/background/transparent/black/canvas/active": "#00375b0e";
+    readonly "sem/color/background/transparent/black/canvas/pressed": "#0a2f4d22";
+    readonly "sem/color/background/transparent/black/canvas/selected": "#00375b0e";
+    readonly "sem/color/background/transparent/black/canvas/disable": "#ffffff00";
+    readonly "sem/color/background/transparent/black/soft/default": "#00375b0e";
+    readonly "sem/color/background/transparent/black/soft/hover": "#0a2f4d22";
+    readonly "sem/color/background/transparent/black/soft/active": "#02305e16";
+    readonly "sem/color/background/transparent/black/soft/disable": "#04287007";
+    readonly "sem/color/background/transparent/black/sub/default": "#0d2e433d";
+    readonly "sem/color/background/transparent/black/sub/hover": "#09233182";
+    readonly "sem/color/background/transparent/black/sub/active": "#0422355e";
+    readonly "sem/color/background/transparent/black/sub/disable": "#04287007";
+    readonly "sem/color/background/transparent/black/accent/default": "#00152096";
+    readonly "sem/color/background/transparent/black/accent/hover": "#0a2f4d22";
+    readonly "sem/color/background/transparent/black/accent/active": "#0d2e433d";
+    readonly "sem/color/background/transparent/black/accent/pressed": "#09233182";
+    readonly "sem/color/background/transparent/black/accent/selected": "#0d2e433d";
+    readonly "sem/color/background/transparent/black/accent/disable": "#02305e16";
+    readonly "sem/color/background/transparent/white/canvas/default": "#ffffff00";
+    readonly "sem/color/background/transparent/white/canvas/hover": "#ffffff0e";
+    readonly "sem/color/background/transparent/white/canvas/active": "#ffffff06";
+    readonly "sem/color/background/transparent/white/canvas/pressed": "#ffffff1c";
+    readonly "sem/color/background/transparent/white/canvas/selected": "#ffffff06";
+    readonly "sem/color/background/transparent/white/canvas/disable": "#ffffff00";
+    readonly "sem/color/background/transparent/white/soft/default": "#ffffff06";
+    readonly "sem/color/background/transparent/white/soft/hover": "#ffffff30";
+    readonly "sem/color/background/transparent/white/soft/active": "#ffffff1c";
+    readonly "sem/color/background/transparent/white/soft/disable": "#ffffff06";
+    readonly "sem/color/background/transparent/white/sub/default": "#ffffff1c";
+    readonly "sem/color/background/transparent/white/sub/hover": "#ffffff49";
+    readonly "sem/color/background/transparent/white/sub/active": "#ffffff30";
+    readonly "sem/color/background/transparent/white/sub/disable": "#ffffff06";
+    readonly "sem/color/background/transparent/white/accent/default": "#ffffff82";
+    readonly "sem/color/background/transparent/white/accent/hover": "#ffffff1c";
+    readonly "sem/color/background/transparent/white/accent/active": "#ffffff30";
+    readonly "sem/color/background/transparent/white/accent/pressed": "#ffffff65";
+    readonly "sem/color/background/transparent/white/accent/selected": "#ffffff30";
+    readonly "sem/color/background/transparent/white/accent/disable": "#ffffff0e";
     readonly "sem/color/background/function/info/canvas/default": "#f5fafd";
     readonly "sem/color/background/function/info/canvas/hover": "#def1fd";
     readonly "sem/color/background/function/info/canvas/active": "#eaf6fb";
@@ -2505,6 +2614,7 @@ declare const _default: {
     readonly "sem/color/stroke/white/soft": "#ffffff30";
     readonly "sem/color/stroke/white/disable": "#ffffff30";
     readonly "sem/color/stroke/pure-black": "#000000";
+    readonly "sem/color/stroke/pure-white": "#ffffff";
     readonly "sem/color/stroke/function/info/strong": "#3d9cfb";
     readonly "sem/color/stroke/function/info/sub": "#c1e2fc";
     readonly "sem/color/stroke/function/info/soft": "#def1fd";
@@ -2521,7 +2631,6 @@ declare const _default: {
     readonly "sem/color/stroke/function/negative/sub": "#fdd3cd";
     readonly "sem/color/stroke/function/negative/soft": "#fee9e7";
     readonly "sem/color/stroke/function/negative/disable": "#02305e16";
-    readonly "sem/color/stroke/pure-white": "#ffffff";
     readonly "sem/color/stroke/utility/red/strong": "#fd8b7f";
     readonly "sem/color/stroke/utility/red/sub": "#fbd3ce";
     readonly "sem/color/stroke/utility/red/soft": "#ffe9e5";
@@ -2974,7 +3083,6 @@ declare const _default: {
     readonly "page/body/background-color": "#f5f8fc";
     readonly "page/popup/body/vertical_gap": "20px";
     readonly "page/drawer/body/vertical_gap": "20px";
-    readonly Boolean: true;
     readonly "Flowkit/Purple": "#7b61ff";
     readonly "Flowkit/Charcoal": "#222222";
     readonly "Flowkit/Red": "#fc5555";

package/dist/esm/types/src/styles-entry.d.ts

@@ -0,0 +1 @@
+import "./styles/fonts.css";