@ks-digital/designsystem-angular 0.0.1-alpha.30 → 0.0.1-alpha.31

package/__internals/index.d.ts

@@ -1,32 +1,7 @@
 import * as _angular_core from '@angular/core';
+import { Size } from '@digdir/designsystemet/types';
+export { Color, SeverityColors, Size } from '@digdir/designsystemet/types';
 
-/**
-Lifted from https://github.com/digdir/designsystemet/blob/main/packages/react/src/colors.ts
-**/
-declare const emptyObjectSymbol: unique symbol;
-type EmptyObject = {
-    [emptyObjectSymbol]?: never;
-};
-/**
- * Base interface for available colors in the design system.
- * The CLI will generate augmentations of this interface to allow
- * type safety of custom color names.
- */
-interface MainAndSupportColors {
-}
-/**
- * If {@link MainAndSupportColors} has been extended to include color names, return T,
- * otherwise return the arbitrary string type.
- */
-type ColorWithFallback<T> = MainAndSupportColors extends EmptyObject ? string : T;
-type SeverityInfo = 'info';
-type SeveritySuccess = 'success';
-type SeverityWarning = 'warning';
-type SeverityDanger = 'danger';
-type SeverityColors = SeverityInfo | SeveritySuccess | SeverityWarning | SeverityDanger;
-type Color = ColorWithFallback<'neutral' | keyof MainAndSupportColors>;
-
-type Size = 'sm' | 'md' | 'lg';
 declare class CommonInputs {
     /**
      * Changes size for descendant Designsystemet components. Select from predefined sizes.
@@ -51,4 +26,3 @@ declare const logIfDevMode: ({ component, message, }: {
 declare const randomId: () => string;
 
 export { CommonInputs, logIfDevMode, randomId };
-export type { Color, MainAndSupportColors, SeverityColors, SeverityDanger, SeverityInfo, SeveritySuccess, SeverityWarning, Size };

package/alert/index.d.ts

@@ -1,6 +1,5 @@
 import * as i0 from '@angular/core';
 import * as i1 from '@ks-digital/designsystem-angular/__internals';
-import { SeverityColors } from '@ks-digital/designsystem-angular/__internals';
 
 /**
  * Alerts are used to inform users about important information, warnings, errors, or success.
@@ -9,7 +8,7 @@ declare class Alert {
     /**
      * The color variant of the alert.
      */
-    dataColor: i0.InputSignal<SeverityColors | undefined>;
+    dataColor: i0.InputSignal<string | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<Alert, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<Alert, "ksd-alert", never, { "dataColor": { "alias": "data-color"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.CommonInputs; inputs: { "data-size": "data-size"; }; outputs: {}; }]>;
 }

package/fesm2022/ks-digital-designsystem-angular-__internals.mjs

@@ -1,10 +1,6 @@
 import * as i0 from '@angular/core';
 import { input, Directive, isDevMode } from '@angular/core';
 
-/**
-Lifted from https://github.com/digdir/designsystemet/blob/main/packages/react/src/colors.ts
-**/
-
 /* eslint-disable @angular-eslint/no-input-rename */
 /**
  * We use input aliasing to bridge the gap between Angular's camelCase property naming convention and our HTML data attributes.

package/fesm2022/ks-digital-designsystem-angular-__internals.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ks-digital-designsystem-angular-__internals.mjs","sources":["../../../../packages/angular/__internals/src/colors.ts","../../../../packages/angular/__internals/src/common-inputs.ts","../../../../packages/angular/__internals/src/log-if-devmode.ts","../../../../packages/angular/__internals/src/random-id.ts","../../../../packages/angular/__internals/src/ks-digital-designsystem-angular-__internals.ts"],"sourcesContent":["/**\nLifted from https://github.com/digdir/designsystemet/blob/main/packages/react/src/colors.ts\n**/\n\n// EmptyObject implementation from https://github.com/sindresorhus/type-fest/blob/main/source/empty-object.d.ts\ndeclare const emptyObjectSymbol: unique symbol\ntype EmptyObject = { [emptyObjectSymbol]?: never }\n\n/**\n * Base interface for available colors in the design system.\n * The CLI will generate augmentations of this interface to allow\n * type safety of custom color names.\n */\n\n// eslint-disable-next-line\nexport interface MainAndSupportColors {}\n\n/**\n * If {@link MainAndSupportColors} has been extended to include color names, return T,\n * otherwise return the arbitrary string type.\n */\ntype ColorWithFallback<T> = MainAndSupportColors extends EmptyObject\n  ? string\n  : T\n\nexport type SeverityInfo = 'info'\nexport type SeveritySuccess = 'success'\nexport type SeverityWarning = 'warning'\nexport type SeverityDanger = 'danger'\nexport type SeverityColors =\n  | SeverityInfo\n  | SeveritySuccess\n  | SeverityWarning\n  | SeverityDanger\n\nexport type Color = ColorWithFallback<'neutral' | keyof MainAndSupportColors>\n","/* eslint-disable @angular-eslint/no-input-rename */\n\n/**\n * We use input aliasing to bridge the gap between Angular's camelCase property naming convention and our HTML data attributes.\n * This approach allows us to use valid HTML data attributes as documented by Designsystemet while maintaining\n * proper TypeScript intellisense support.\n *\n * Todo: Some components are using only a subset of colors, e.g., SeverityColors for Alert. We should reconsider this directive\n */\n\nimport { Directive, input } from '@angular/core'\nimport { Color } from './colors'\n\nexport type Size = 'sm' | 'md' | 'lg'\n\n@Directive()\nexport class CommonInputs {\n  /**\n   * Changes size for descendant Designsystemet components. Select from predefined sizes.\n   * @attribute data-size\n   */\n  dataSize = input<Size>(undefined, { alias: 'data-size' })\n\n  /**\n   * Changes color for descendant Designsystemet components.\n   * Select from predefined colors and colors defined using theme.designsystemet.no.\n   * @attribute data-color\n   */\n  dataColor = input<Color>(undefined, { alias: 'data-color' })\n}\n","import { isDevMode } from '@angular/core'\n\nexport const logIfDevMode = ({\n  component,\n  message,\n}: {\n  component: string\n  message: string\n}) => {\n  if (isDevMode()) {\n    console.log(`[${component}] ${message}`)\n  }\n}\n","export const randomId = () => {\n  return `${Math.random().toString(36).slice(2, 7)}`\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAAA;;AAEG;;ACFH;AAEA;;;;;;AAMG;MAQU,YAAY,CAAA;AACvB;;;AAGG;AACH,IAAA,QAAQ,GAAG,KAAK,CAAO,SAAS,4CAAI,KAAK,EAAE,WAAW,EAAA,CAAA,GAAA,CAApB,EAAE,KAAK,EAAE,WAAW,EAAE,GAAC;AAEzD;;;;AAIG;AACH,IAAA,SAAS,GAAG,KAAK,CAAQ,SAAS,6CAAI,KAAK,EAAE,YAAY,EAAA,CAAA,GAAA,CAArB,EAAE,KAAK,EAAE,YAAY,EAAE,GAAC;uGAZjD,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBADxB;;;ACbM,MAAM,YAAY,GAAG,CAAC,EAC3B,SAAS,EACT,OAAO,GAIR,KAAI;IACH,IAAI,SAAS,EAAE,EAAE;QACf,OAAO,CAAC,GAAG,CAAC,CAAA,CAAA,EAAI,SAAS,CAAA,EAAA,EAAK,OAAO,CAAA,CAAE,CAAC;IAC1C;AACF;;ACZO,MAAM,QAAQ,GAAG,MAAK;AAC3B,IAAA,OAAO,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE;AACpD;;ACFA;;AAEG;;;;"}
+{"version":3,"file":"ks-digital-designsystem-angular-__internals.mjs","sources":["../../../../packages/angular/__internals/src/common-inputs.ts","../../../../packages/angular/__internals/src/log-if-devmode.ts","../../../../packages/angular/__internals/src/random-id.ts","../../../../packages/angular/__internals/src/ks-digital-designsystem-angular-__internals.ts"],"sourcesContent":["/* eslint-disable @angular-eslint/no-input-rename */\n\n/**\n * We use input aliasing to bridge the gap between Angular's camelCase property naming convention and our HTML data attributes.\n * This approach allows us to use valid HTML data attributes as documented by Designsystemet while maintaining\n * proper TypeScript intellisense support.\n *\n * Todo: Some components are using only a subset of colors, e.g., SeverityColors for Alert. We should reconsider this directive\n */\n\nimport { Directive, input } from '@angular/core'\nimport type { Color, Size } from '@digdir/designsystemet/types'\nexport type { Color, SeverityColors, Size } from '@digdir/designsystemet/types'\n\n@Directive()\nexport class CommonInputs {\n  /**\n   * Changes size for descendant Designsystemet components. Select from predefined sizes.\n   * @attribute data-size\n   */\n  dataSize = input<Size>(undefined, { alias: 'data-size' })\n\n  /**\n   * Changes color for descendant Designsystemet components.\n   * Select from predefined colors and colors defined using theme.designsystemet.no.\n   * @attribute data-color\n   */\n  dataColor = input<Color>(undefined, { alias: 'data-color' })\n}\n","import { isDevMode } from '@angular/core'\n\nexport const logIfDevMode = ({\n  component,\n  message,\n}: {\n  component: string\n  message: string\n}) => {\n  if (isDevMode()) {\n    console.log(`[${component}] ${message}`)\n  }\n}\n","export const randomId = () => {\n  return `${Math.random().toString(36).slice(2, 7)}`\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAAA;AAEA;;;;;;AAMG;MAOU,YAAY,CAAA;AACvB;;;AAGG;AACH,IAAA,QAAQ,GAAG,KAAK,CAAO,SAAS,4CAAI,KAAK,EAAE,WAAW,EAAA,CAAA,GAAA,CAApB,EAAE,KAAK,EAAE,WAAW,EAAE,GAAC;AAEzD;;;;AAIG;AACH,IAAA,SAAS,GAAG,KAAK,CAAQ,SAAS,6CAAI,KAAK,EAAE,YAAY,EAAA,CAAA,GAAA,CAArB,EAAE,KAAK,EAAE,YAAY,EAAE,GAAC;uGAZjD,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBADxB;;;ACZM,MAAM,YAAY,GAAG,CAAC,EAC3B,SAAS,EACT,OAAO,GAIR,KAAI;IACH,IAAI,SAAS,EAAE,EAAE;QACf,OAAO,CAAC,GAAG,CAAC,CAAA,CAAA,EAAI,SAAS,CAAA,EAAA,EAAK,OAAO,CAAA,CAAE,CAAC;IAC1C;AACF;;ACZO,MAAM,QAAQ,GAAG,MAAK;AAC3B,IAAA,OAAO,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE;AACpD;;ACFA;;AAEG;;;;"}

package/package.json

@@ -5,7 +5,7 @@
     "url": "https://github.com/ks-no/designsystem.git",
     "directory": "packages/angular"
   },
-  "version": "0.0.1-alpha.30",
+  "version": "0.0.1-alpha.31",
   "license": "MIT",
   "private": false,
   "publishConfig": {