cclkit4svelte 2.0.7 → 3.1.0

package/dist/const/config.d.ts

@@ -1,18 +1,157 @@
 declare const CCLVividColor: {
-    STRAWBERRY_PINK: string;
-    PINEAPPLE_YELLOW: string;
-    SODA_BLUE: string;
-    MELON_GREEN: string;
-    GRAPE_PURPLE: string;
-    WRAP_GREY: string;
+    readonly STRAWBERRY_PINK: "--strawberry-pink";
+    readonly PINEAPPLE_YELLOW: "--pineapple-yellow";
+    readonly SODA_BLUE: "--soda-blue";
+    readonly MELON_GREEN: "--melon-green";
+    readonly GRAPE_PURPLE: "--grape-purple";
+    readonly WRAP_GREY: "--wrap-grey";
 };
 declare const CCLPastelColor: {
-    readonly PEACH_PINK: string;
-    readonly LEMON_YELLOW: string;
-    readonly SUGAR_BLUE: string;
-    readonly MATCHA_GREEN: string;
-    readonly AKEBI_PURPLE: string;
-    readonly CLOUD_GREY: string;
+    readonly PEACH_PINK: "--peach-pink";
+    readonly LEMON_YELLOW: "--lemon-yellow";
+    readonly SUGAR_BLUE: "--sugar-blue";
+    readonly MATCHA_GREEN: "--matcha-green";
+    readonly AKEBI_PURPLE: "--akebi-purple";
+    readonly CLOUD_GREY: "--cloud-grey";
+};
+declare const CCLPaletteColor: {
+    readonly STRAWBERRY_50: "--palette-strawberry-50";
+    readonly STRAWBERRY_100: "--palette-strawberry-100";
+    readonly STRAWBERRY_200: "--palette-strawberry-200";
+    readonly STRAWBERRY_300: "--palette-strawberry-300";
+    readonly STRAWBERRY_400: "--palette-strawberry-400";
+    readonly STRAWBERRY_500: "--palette-strawberry-500";
+    readonly STRAWBERRY_600: "--palette-strawberry-600";
+    readonly STRAWBERRY_700: "--palette-strawberry-700";
+    readonly STRAWBERRY_800: "--palette-strawberry-800";
+    readonly STRAWBERRY_900: "--palette-strawberry-900";
+    readonly PINEAPPLE_50: "--palette-pineapple-50";
+    readonly PINEAPPLE_100: "--palette-pineapple-100";
+    readonly PINEAPPLE_200: "--palette-pineapple-200";
+    readonly PINEAPPLE_300: "--palette-pineapple-300";
+    readonly PINEAPPLE_400: "--palette-pineapple-400";
+    readonly PINEAPPLE_500: "--palette-pineapple-500";
+    readonly PINEAPPLE_600: "--palette-pineapple-600";
+    readonly PINEAPPLE_700: "--palette-pineapple-700";
+    readonly PINEAPPLE_800: "--palette-pineapple-800";
+    readonly PINEAPPLE_900: "--palette-pineapple-900";
+    readonly SODA_50: "--palette-soda-50";
+    readonly SODA_100: "--palette-soda-100";
+    readonly SODA_200: "--palette-soda-200";
+    readonly SODA_300: "--palette-soda-300";
+    readonly SODA_400: "--palette-soda-400";
+    readonly SODA_500: "--palette-soda-500";
+    readonly SODA_600: "--palette-soda-600";
+    readonly SODA_700: "--palette-soda-700";
+    readonly SODA_800: "--palette-soda-800";
+    readonly SODA_900: "--palette-soda-900";
+    readonly MELON_50: "--palette-melon-50";
+    readonly MELON_100: "--palette-melon-100";
+    readonly MELON_200: "--palette-melon-200";
+    readonly MELON_300: "--palette-melon-300";
+    readonly MELON_400: "--palette-melon-400";
+    readonly MELON_500: "--palette-melon-500";
+    readonly MELON_600: "--palette-melon-600";
+    readonly MELON_700: "--palette-melon-700";
+    readonly MELON_800: "--palette-melon-800";
+    readonly MELON_900: "--palette-melon-900";
+    readonly PEACH_50: "--palette-peach-50";
+    readonly PEACH_100: "--palette-peach-100";
+    readonly PEACH_200: "--palette-peach-200";
+    readonly PEACH_300: "--palette-peach-300";
+    readonly PEACH_400: "--palette-peach-400";
+    readonly PEACH_500: "--palette-peach-500";
+    readonly PEACH_600: "--palette-peach-600";
+    readonly PEACH_700: "--palette-peach-700";
+    readonly PEACH_800: "--palette-peach-800";
+    readonly PEACH_900: "--palette-peach-900";
+    readonly LEMON_50: "--palette-lemon-50";
+    readonly LEMON_100: "--palette-lemon-100";
+    readonly LEMON_200: "--palette-lemon-200";
+    readonly LEMON_300: "--palette-lemon-300";
+    readonly LEMON_400: "--palette-lemon-400";
+    readonly LEMON_500: "--palette-lemon-500";
+    readonly LEMON_600: "--palette-lemon-600";
+    readonly LEMON_700: "--palette-lemon-700";
+    readonly LEMON_800: "--palette-lemon-800";
+    readonly LEMON_900: "--palette-lemon-900";
+    readonly SUGAR_50: "--palette-sugar-50";
+    readonly SUGAR_100: "--palette-sugar-100";
+    readonly SUGAR_200: "--palette-sugar-200";
+    readonly SUGAR_300: "--palette-sugar-300";
+    readonly SUGAR_400: "--palette-sugar-400";
+    readonly SUGAR_500: "--palette-sugar-500";
+    readonly SUGAR_600: "--palette-sugar-600";
+    readonly SUGAR_700: "--palette-sugar-700";
+    readonly SUGAR_800: "--palette-sugar-800";
+    readonly SUGAR_900: "--palette-sugar-900";
+    readonly MATCHA_50: "--palette-matcha-50";
+    readonly MATCHA_100: "--palette-matcha-100";
+    readonly MATCHA_200: "--palette-matcha-200";
+    readonly MATCHA_300: "--palette-matcha-300";
+    readonly MATCHA_400: "--palette-matcha-400";
+    readonly MATCHA_500: "--palette-matcha-500";
+    readonly MATCHA_600: "--palette-matcha-600";
+    readonly MATCHA_700: "--palette-matcha-700";
+    readonly MATCHA_800: "--palette-matcha-800";
+    readonly MATCHA_900: "--palette-matcha-900";
+    readonly AKEBI_50: "--palette-akebi-50";
+    readonly AKEBI_100: "--palette-akebi-100";
+    readonly AKEBI_200: "--palette-akebi-200";
+    readonly AKEBI_300: "--palette-akebi-300";
+    readonly AKEBI_400: "--palette-akebi-400";
+    readonly AKEBI_500: "--palette-akebi-500";
+    readonly AKEBI_600: "--palette-akebi-600";
+    readonly AKEBI_700: "--palette-akebi-700";
+    readonly AKEBI_800: "--palette-akebi-800";
+    readonly AKEBI_900: "--palette-akebi-900";
+    readonly GRAPE_50: "--palette-grape-50";
+    readonly GRAPE_100: "--palette-grape-100";
+    readonly GRAPE_200: "--palette-grape-200";
+    readonly GRAPE_300: "--palette-grape-300";
+    readonly GRAPE_400: "--palette-grape-400";
+    readonly GRAPE_500: "--palette-grape-500";
+    readonly GRAPE_600: "--palette-grape-600";
+    readonly GRAPE_700: "--palette-grape-700";
+    readonly GRAPE_800: "--palette-grape-800";
+    readonly GRAPE_900: "--palette-grape-900";
+    readonly WRAP_50: "--palette-wrap-50";
+    readonly WRAP_100: "--palette-wrap-100";
+    readonly WRAP_200: "--palette-wrap-200";
+    readonly WRAP_300: "--palette-wrap-300";
+    readonly WRAP_400: "--palette-wrap-400";
+    readonly WRAP_500: "--palette-wrap-500";
+    readonly WRAP_600: "--palette-wrap-600";
+    readonly WRAP_700: "--palette-wrap-700";
+    readonly WRAP_800: "--palette-wrap-800";
+    readonly WRAP_900: "--palette-wrap-900";
+    readonly CLOUD_50: "--palette-cloud-50";
+    readonly CLOUD_100: "--palette-cloud-100";
+    readonly CLOUD_200: "--palette-cloud-200";
+    readonly CLOUD_300: "--palette-cloud-300";
+    readonly CLOUD_400: "--palette-cloud-400";
+    readonly CLOUD_500: "--palette-cloud-500";
+    readonly CLOUD_600: "--palette-cloud-600";
+    readonly CLOUD_700: "--palette-cloud-700";
+    readonly CLOUD_800: "--palette-cloud-800";
+    readonly CLOUD_900: "--palette-cloud-900";
+};
+declare const CCLSemanticColor: {
+    readonly SURFACE_GLASS: "--color-surface-glass";
+    readonly ACTION_PRIMARY_DEFAULT: "--color-action-primary-default";
+    readonly ACTION_PRIMARY_HOVER: "--color-action-primary-hover";
+    readonly ACTION_PRIMARY_PRESSED: "--color-action-primary-pressed";
+    readonly ACTION_SECONDARY_DEFAULT: "--color-action-secondary-default";
+    readonly ACTION_SECONDARY_HOVER: "--color-action-secondary-hover";
+    readonly SURFACE_STRAWBERRY_SUBTLE: "--color-surface-strawberry-subtle";
+    readonly SURFACE_SODA_SUBTLE: "--color-surface-soda-subtle";
+    readonly SURFACE_PINEAPPLE_SUBTLE: "--color-surface-pineapple-subtle";
+    readonly TEXT_LINK: "--color-text-link";
+    readonly TEXT_BRAND: "--color-text-brand";
+    readonly BORDER_ACCENT: "--color-border-accent";
+    readonly FOCUS_RING: "--color-focus-ring";
+    readonly STATUS_SUCCESS: "--color-status-success";
+    readonly STATUS_WARNING: "--color-status-warning";
 };
 export declare enum ProgressBarHeight {
     NARROW = "5px",
@@ -24,5 +163,5 @@ declare const HeaderHeight: {
     NORMAL: string;
     NALLOW: string;
 };
-export { CCLVividColor, CCLPastelColor, HeaderHeight };
-export type ColorVar = (typeof CCLVividColor)[keyof typeof CCLVividColor] | (typeof CCLPastelColor)[keyof typeof CCLPastelColor];
+export { CCLVividColor, CCLPastelColor, CCLPaletteColor, CCLSemanticColor, HeaderHeight };
+export type ColorVar = (typeof CCLVividColor)[keyof typeof CCLVividColor] | (typeof CCLPastelColor)[keyof typeof CCLPastelColor] | (typeof CCLPaletteColor)[keyof typeof CCLPaletteColor] | (typeof CCLSemanticColor)[keyof typeof CCLSemanticColor];

package/dist/const/config.js

@@ -26,6 +26,145 @@ var CCLPastelColorBase = {
     CLOUD_GREY: '--cloud-grey'
 };
 var CCLPastelColor = __assign({}, CCLPastelColorBase);
+var CCLPaletteColor = {
+    STRAWBERRY_50: '--palette-strawberry-50',
+    STRAWBERRY_100: '--palette-strawberry-100',
+    STRAWBERRY_200: '--palette-strawberry-200',
+    STRAWBERRY_300: '--palette-strawberry-300',
+    STRAWBERRY_400: '--palette-strawberry-400',
+    STRAWBERRY_500: '--palette-strawberry-500',
+    STRAWBERRY_600: '--palette-strawberry-600',
+    STRAWBERRY_700: '--palette-strawberry-700',
+    STRAWBERRY_800: '--palette-strawberry-800',
+    STRAWBERRY_900: '--palette-strawberry-900',
+    PINEAPPLE_50: '--palette-pineapple-50',
+    PINEAPPLE_100: '--palette-pineapple-100',
+    PINEAPPLE_200: '--palette-pineapple-200',
+    PINEAPPLE_300: '--palette-pineapple-300',
+    PINEAPPLE_400: '--palette-pineapple-400',
+    PINEAPPLE_500: '--palette-pineapple-500',
+    PINEAPPLE_600: '--palette-pineapple-600',
+    PINEAPPLE_700: '--palette-pineapple-700',
+    PINEAPPLE_800: '--palette-pineapple-800',
+    PINEAPPLE_900: '--palette-pineapple-900',
+    SODA_50: '--palette-soda-50',
+    SODA_100: '--palette-soda-100',
+    SODA_200: '--palette-soda-200',
+    SODA_300: '--palette-soda-300',
+    SODA_400: '--palette-soda-400',
+    SODA_500: '--palette-soda-500',
+    SODA_600: '--palette-soda-600',
+    SODA_700: '--palette-soda-700',
+    SODA_800: '--palette-soda-800',
+    SODA_900: '--palette-soda-900',
+    MELON_50: '--palette-melon-50',
+    MELON_100: '--palette-melon-100',
+    MELON_200: '--palette-melon-200',
+    MELON_300: '--palette-melon-300',
+    MELON_400: '--palette-melon-400',
+    MELON_500: '--palette-melon-500',
+    MELON_600: '--palette-melon-600',
+    MELON_700: '--palette-melon-700',
+    MELON_800: '--palette-melon-800',
+    MELON_900: '--palette-melon-900',
+    PEACH_50: '--palette-peach-50',
+    PEACH_100: '--palette-peach-100',
+    PEACH_200: '--palette-peach-200',
+    PEACH_300: '--palette-peach-300',
+    PEACH_400: '--palette-peach-400',
+    PEACH_500: '--palette-peach-500',
+    PEACH_600: '--palette-peach-600',
+    PEACH_700: '--palette-peach-700',
+    PEACH_800: '--palette-peach-800',
+    PEACH_900: '--palette-peach-900',
+    LEMON_50: '--palette-lemon-50',
+    LEMON_100: '--palette-lemon-100',
+    LEMON_200: '--palette-lemon-200',
+    LEMON_300: '--palette-lemon-300',
+    LEMON_400: '--palette-lemon-400',
+    LEMON_500: '--palette-lemon-500',
+    LEMON_600: '--palette-lemon-600',
+    LEMON_700: '--palette-lemon-700',
+    LEMON_800: '--palette-lemon-800',
+    LEMON_900: '--palette-lemon-900',
+    SUGAR_50: '--palette-sugar-50',
+    SUGAR_100: '--palette-sugar-100',
+    SUGAR_200: '--palette-sugar-200',
+    SUGAR_300: '--palette-sugar-300',
+    SUGAR_400: '--palette-sugar-400',
+    SUGAR_500: '--palette-sugar-500',
+    SUGAR_600: '--palette-sugar-600',
+    SUGAR_700: '--palette-sugar-700',
+    SUGAR_800: '--palette-sugar-800',
+    SUGAR_900: '--palette-sugar-900',
+    MATCHA_50: '--palette-matcha-50',
+    MATCHA_100: '--palette-matcha-100',
+    MATCHA_200: '--palette-matcha-200',
+    MATCHA_300: '--palette-matcha-300',
+    MATCHA_400: '--palette-matcha-400',
+    MATCHA_500: '--palette-matcha-500',
+    MATCHA_600: '--palette-matcha-600',
+    MATCHA_700: '--palette-matcha-700',
+    MATCHA_800: '--palette-matcha-800',
+    MATCHA_900: '--palette-matcha-900',
+    AKEBI_50: '--palette-akebi-50',
+    AKEBI_100: '--palette-akebi-100',
+    AKEBI_200: '--palette-akebi-200',
+    AKEBI_300: '--palette-akebi-300',
+    AKEBI_400: '--palette-akebi-400',
+    AKEBI_500: '--palette-akebi-500',
+    AKEBI_600: '--palette-akebi-600',
+    AKEBI_700: '--palette-akebi-700',
+    AKEBI_800: '--palette-akebi-800',
+    AKEBI_900: '--palette-akebi-900',
+    GRAPE_50: '--palette-grape-50',
+    GRAPE_100: '--palette-grape-100',
+    GRAPE_200: '--palette-grape-200',
+    GRAPE_300: '--palette-grape-300',
+    GRAPE_400: '--palette-grape-400',
+    GRAPE_500: '--palette-grape-500',
+    GRAPE_600: '--palette-grape-600',
+    GRAPE_700: '--palette-grape-700',
+    GRAPE_800: '--palette-grape-800',
+    GRAPE_900: '--palette-grape-900',
+    WRAP_50: '--palette-wrap-50',
+    WRAP_100: '--palette-wrap-100',
+    WRAP_200: '--palette-wrap-200',
+    WRAP_300: '--palette-wrap-300',
+    WRAP_400: '--palette-wrap-400',
+    WRAP_500: '--palette-wrap-500',
+    WRAP_600: '--palette-wrap-600',
+    WRAP_700: '--palette-wrap-700',
+    WRAP_800: '--palette-wrap-800',
+    WRAP_900: '--palette-wrap-900',
+    CLOUD_50: '--palette-cloud-50',
+    CLOUD_100: '--palette-cloud-100',
+    CLOUD_200: '--palette-cloud-200',
+    CLOUD_300: '--palette-cloud-300',
+    CLOUD_400: '--palette-cloud-400',
+    CLOUD_500: '--palette-cloud-500',
+    CLOUD_600: '--palette-cloud-600',
+    CLOUD_700: '--palette-cloud-700',
+    CLOUD_800: '--palette-cloud-800',
+    CLOUD_900: '--palette-cloud-900'
+};
+var CCLSemanticColor = {
+    SURFACE_GLASS: '--color-surface-glass',
+    ACTION_PRIMARY_DEFAULT: '--color-action-primary-default',
+    ACTION_PRIMARY_HOVER: '--color-action-primary-hover',
+    ACTION_PRIMARY_PRESSED: '--color-action-primary-pressed',
+    ACTION_SECONDARY_DEFAULT: '--color-action-secondary-default',
+    ACTION_SECONDARY_HOVER: '--color-action-secondary-hover',
+    SURFACE_STRAWBERRY_SUBTLE: '--color-surface-strawberry-subtle',
+    SURFACE_SODA_SUBTLE: '--color-surface-soda-subtle',
+    SURFACE_PINEAPPLE_SUBTLE: '--color-surface-pineapple-subtle',
+    TEXT_LINK: '--color-text-link',
+    TEXT_BRAND: '--color-text-brand',
+    BORDER_ACCENT: '--color-border-accent',
+    FOCUS_RING: '--color-focus-ring',
+    STATUS_SUCCESS: '--color-status-success',
+    STATUS_WARNING: '--color-status-warning'
+};
 export var ProgressBarHeight;
 (function (ProgressBarHeight) {
     ProgressBarHeight["NARROW"] = "5px";
@@ -37,4 +176,4 @@ var HeaderHeight = {
     NORMAL: '--hd-normal',
     NALLOW: '--hd-nallow'
 };
-export { CCLVividColor, CCLPastelColor, HeaderHeight };
+export { CCLVividColor, CCLPastelColor, CCLPaletteColor, CCLSemanticColor, HeaderHeight };

package/dist/const/variables.css

@@ -15,6 +15,145 @@
   --akebi-purple: #ddb2ff;
   --cloud-grey: #a3a3a3;
 
+  /* Prismatic v2 palette */
+  --palette-strawberry-50: #feeff5;
+  --palette-strawberry-100: #fcdce8;
+  --palette-strawberry-200: #f9bad1;
+  --palette-strawberry-300: #f593b7;
+  --palette-strawberry-400: #f1669a;
+  --palette-strawberry-500: #ed3b7d;
+  --palette-strawberry-600: #d1346e;
+  --palette-strawberry-700: #af2c5d;
+  --palette-strawberry-800: #892249;
+  --palette-strawberry-900: #641935;
+  --palette-pineapple-50: #fef6ee;
+  --palette-pineapple-100: #fcebd8;
+  --palette-pineapple-200: #f9d9b3;
+  --palette-pineapple-300: #f5c387;
+  --palette-pineapple-400: #f1a955;
+  --palette-pineapple-500: #ed9126;
+  --palette-pineapple-600: #d18021;
+  --palette-pineapple-700: #af6b1c;
+  --palette-pineapple-800: #895416;
+  --palette-pineapple-900: #643d10;
+  --palette-soda-50: #edf6fd;
+  --palette-soda-100: #d7eafb;
+  --palette-soda-200: #b1d6f8;
+  --palette-soda-300: #84bef3;
+  --palette-soda-400: #51a3ee;
+  --palette-soda-500: #2089ea;
+  --palette-soda-600: #1c79ce;
+  --palette-soda-700: #1865ad;
+  --palette-soda-800: #134f88;
+  --palette-soda-900: #0d3a62;
+  --palette-melon-50: #f4f9eb;
+  --palette-melon-100: #e5f1d3;
+  --palette-melon-200: #cde3a9;
+  --palette-melon-300: #b0d378;
+  --palette-melon-400: #8fc040;
+  --palette-melon-500: #70af0a;
+  --palette-melon-600: #639a09;
+  --palette-melon-700: #538107;
+  --palette-melon-800: #416506;
+  --palette-melon-900: #2f4904;
+  --palette-peach-50: #fff9fa;
+  --palette-peach-100: #fff2f4;
+  --palette-peach-200: #ffe5ea;
+  --palette-peach-300: #ffd6de;
+  --palette-peach-400: #ffc5d0;
+  --palette-peach-500: #ffb4c3;
+  --palette-peach-600: #e09eac;
+  --palette-peach-700: #bd8590;
+  --palette-peach-800: #946871;
+  --palette-peach-900: #6b4c52;
+  --palette-lemon-50: #fffef4;
+  --palette-lemon-100: #fffde7;
+  --palette-lemon-200: #fffad0;
+  --palette-lemon-300: #fff8b6;
+  --palette-lemon-400: #fff597;
+  --palette-lemon-500: #fff27a;
+  --palette-lemon-600: #e0d56b;
+  --palette-lemon-700: #bdb35a;
+  --palette-lemon-800: #948c47;
+  --palette-lemon-900: #6b6633;
+  --palette-sugar-50: #f9fdff;
+  --palette-sugar-100: #f0faff;
+  --palette-sugar-200: #e3f6ff;
+  --palette-sugar-300: #d2f0ff;
+  --palette-sugar-400: #c0eaff;
+  --palette-sugar-500: #aee4ff;
+  --palette-sugar-600: #99c9e0;
+  --palette-sugar-700: #81a9bd;
+  --palette-sugar-800: #658494;
+  --palette-sugar-900: #49606b;
+  --palette-matcha-50: #fcfff5;
+  --palette-matcha-100: #f8ffe9;
+  --palette-matcha-200: #f1ffd4;
+  --palette-matcha-300: #eaffbc;
+  --palette-matcha-400: #e1ffa0;
+  --palette-matcha-500: #d8ff85;
+  --palette-matcha-600: #bee075;
+  --palette-matcha-700: #a0bd63;
+  --palette-matcha-800: #7d944d;
+  --palette-matcha-900: #5b6b38;
+  --palette-akebi-50: #fcf9ff;
+  --palette-akebi-100: #f9f1ff;
+  --palette-akebi-200: #f3e4ff;
+  --palette-akebi-300: #ecd5ff;
+  --palette-akebi-400: #e5c3ff;
+  --palette-akebi-500: #ddb2ff;
+  --palette-akebi-600: #c39de0;
+  --palette-akebi-700: #a484bd;
+  --palette-akebi-800: #806894;
+  --palette-akebi-900: #5d4b6b;
+  --palette-grape-50: #f7ebfc;
+  --palette-grape-100: #ecd2f9;
+  --palette-grape-200: #dba8f2;
+  --palette-grape-300: #c676eb;
+  --palette-grape-400: #ae3de3;
+  --palette-grape-500: #9707db;
+  --palette-grape-600: #8506c1;
+  --palette-grape-700: #7005a2;
+  --palette-grape-800: #58047f;
+  --palette-grape-900: #40035c;
+  --palette-wrap-50: #f2f2f2;
+  --palette-wrap-100: #e2e2e2;
+  --palette-wrap-200: #c7c7c7;
+  --palette-wrap-300: #a7a7a7;
+  --palette-wrap-400: #828383;
+  --palette-wrap-500: #5f5f60;
+  --palette-wrap-600: #545454;
+  --palette-wrap-700: #464747;
+  --palette-wrap-800: #373737;
+  --palette-wrap-900: #282828;
+  --palette-cloud-50: #f8f8f8;
+  --palette-cloud-100: #eeeeee;
+  --palette-cloud-200: #dfdfdf;
+  --palette-cloud-300: #cdcdcd;
+  --palette-cloud-400: #b7b7b7;
+  --palette-cloud-500: #a3a3a3;
+  --palette-cloud-600: #909090;
+  --palette-cloud-700: #797979;
+  --palette-cloud-800: #5f5f5f;
+  --palette-cloud-900: #454545;
+
+  /* Prismatic v2 semantic colors */
+  --color-surface-glass: #ffffff;
+  --color-action-primary-default: #ed3b7d;
+  --color-action-primary-hover: #d1346e;
+  --color-action-primary-pressed: #af2c5d;
+  --color-action-secondary-default: #2089ea;
+  --color-action-secondary-hover: #1c79ce;
+  --color-surface-strawberry-subtle: #feeff5;
+  --color-surface-soda-subtle: #edf6fd;
+  --color-surface-pineapple-subtle: #fef6ee;
+  --color-text-link: #1865ad;
+  --color-text-brand: #af2c5d;
+  --color-border-accent: #f593b7;
+  --color-focus-ring: #2089ea;
+  --color-status-success: #538107;
+  --color-status-warning: #af6b1c;
+
   /* default header height */
   --hd-height: var(--hd-normal);
   /*header height*/

package/dist/index.d.ts

@@ -1,6 +1,14 @@
 import './const/variables.css';
 export { default as Header } from './Header.svelte';
 export { default as Button } from './Button.svelte';
+export { default as PrismaticGradientButton } from './PrismaticGradientButton.svelte';
+export { default as PrismaticSectionHeading } from './PrismaticSectionHeading.svelte';
+export { default as PrismaticStoryCard } from './PrismaticStoryCard.svelte';
+export { default as PrismaticWorkCard } from './PrismaticWorkCard.svelte';
+export { default as PrismaticBookCard } from './PrismaticBookCard.svelte';
+export { default as PrismaticSiteHeader } from './PrismaticSiteHeader.svelte';
+export { default as PrismaticSiteFooter } from './PrismaticSiteFooter.svelte';
+export { default as PrismaticAmbientGlow } from './PrismaticAmbientGlow.svelte';
 export { default as Footer } from './Footer.svelte';
 export { default as Thumbnail } from './Thumbnail.svelte';
 export { default as Card } from './Card.svelte';
@@ -12,7 +20,7 @@ export { default as RadioButton } from './RadioButton.svelte';
 export { default as Toggle } from './Toggle.svelte';
 export { default as FormGroup } from './FormGroup.svelte';
 export { default as DatePicker } from './DatePicker.svelte';
-export { CCLVividColor, CCLPastelColor, HeaderHeight } from './const/config';
+export { CCLVividColor, CCLPastelColor, CCLPaletteColor, CCLSemanticColor, HeaderHeight } from './const/config';
 export type { ColorVar } from './const/config';
 export { default as Spinner } from './Spinner.svelte';
 export { default as ProgressBar } from './ProgressBar.svelte';
@@ -38,3 +46,4 @@ export { toast, toasts, type ToastItem, type ToastVariant } from './toast';
 export { default as Skeleton } from './Skeleton.svelte';
 export { default as Breadcrumb } from './Breadcrumb.svelte';
 export type { BreadcrumbItem } from './types/breadcrumb';
+export { default as Pagination } from './Pagination.svelte';

package/dist/index.js

@@ -2,6 +2,14 @@
 import './const/variables.css'; // カスタムプロパティ読み込み用
 export { default as Header } from './Header.svelte';
 export { default as Button } from './Button.svelte';
+export { default as PrismaticGradientButton } from './PrismaticGradientButton.svelte';
+export { default as PrismaticSectionHeading } from './PrismaticSectionHeading.svelte';
+export { default as PrismaticStoryCard } from './PrismaticStoryCard.svelte';
+export { default as PrismaticWorkCard } from './PrismaticWorkCard.svelte';
+export { default as PrismaticBookCard } from './PrismaticBookCard.svelte';
+export { default as PrismaticSiteHeader } from './PrismaticSiteHeader.svelte';
+export { default as PrismaticSiteFooter } from './PrismaticSiteFooter.svelte';
+export { default as PrismaticAmbientGlow } from './PrismaticAmbientGlow.svelte';
 export { default as Footer } from './Footer.svelte';
 export { default as Thumbnail } from './Thumbnail.svelte';
 export { default as Card } from './Card.svelte';
@@ -13,7 +21,7 @@ export { default as RadioButton } from './RadioButton.svelte';
 export { default as Toggle } from './Toggle.svelte';
 export { default as FormGroup } from './FormGroup.svelte';
 export { default as DatePicker } from './DatePicker.svelte';
-export { CCLVividColor, CCLPastelColor, HeaderHeight } from './const/config';
+export { CCLVividColor, CCLPastelColor, CCLPaletteColor, CCLSemanticColor, HeaderHeight } from './const/config';
 export { default as Spinner } from './Spinner.svelte';
 export { default as ProgressBar } from './ProgressBar.svelte';
 export { default as Textarea } from './Textarea.svelte';
@@ -38,3 +46,4 @@ export { default as Toaster } from './Toaster.svelte';
 export { toast, toasts } from './toast';
 export { default as Skeleton } from './Skeleton.svelte';
 export { default as Breadcrumb } from './Breadcrumb.svelte';
+export { default as Pagination } from './Pagination.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cclkit4svelte",
-  "version": "2.0.7",
+  "version": "3.1.0",
   "author": "reiji1020 <sk@reiji1020.info>",
   "license": "MIT",
   "type": "module",
@@ -14,8 +14,13 @@
   },
   "homepage": "https://github.com/reiji1020/ccl-component-kit4svelte#readme",
   "description": "Component kit for CANDY CHUPS Lab.",
+  "packageManager": "pnpm@10.28.2",
+  "engines": {
+    "node": ">=20.11.1",
+    "pnpm": ">=10.28.2"
+  },
   "scripts": {
-    "preinstall": "npx only-allow pnpm",
+    "preinstall": "node -e \"if (!/pnpm/.test(process.env.npm_execpath || '')) { console.error('Use pnpm to install dependencies.'); process.exit(1); }\"",
     "dev": "vite dev",
     "build": "vite build",
     "preview": "vite preview",