@sebgroup/green-core 1.16.0 → 1.18.0

package/README.md

@@ -31,11 +31,11 @@ import { css, customElement, LitElement } from 'lit'
 // This custom `html` template literal tag from Green Core extends the default `lit-html` tag to handle element version scoping.
 import { html } from '@sebgroup/green-core/scoping'
 
-// Trtansitional styles applies the current 2016 design language to the components
-import { registerTransitionalStyles } from '@sebgroup/green-core/transitional-styles'
+// Transitional styles applies the current 2016 design language to the components
+import * as ButtonStyles from '@sebgroup/green-core/components/button/button.trans.styles.js'
 
 // Import the components that you need
-import '@sebgroup/green-core/components/button'
+import '@sebgroup/green-core/components/button/index.js'
 
 @customElement('my-app')
 export class MyApp extends LitElement {
@@ -45,7 +45,7 @@ export class MyApp extends LitElement {
     super.connectedCallback()
 
     // Register transitional styles to get SEB's current visual design
-    registerTransitionalStyles()
+    ButtonStyles.register()
   }
 
   render() {
@@ -79,11 +79,11 @@ import { NggCoreWrapperModule } from '@sebgroup/green-angular'
 In your component:
 
 ```ts
-import '@sebgroup/green-core/components/button'
+import '@sebgroup/green-core/components/button/index.js'
 
 // Transitional styles
-import { registerTransitionalStyles } from '@sebgroup/green-core/transitional-styles'
-registerTransitionalStyles()
+import * as ButtonStyles from '@sebgroup/green-core/components/button/button.trans.styles.js'
+ButtonStyles.register()
 ```
 
 Use the webcomponent in your template with the `*nggCoreElement` directive.
@@ -106,11 +106,11 @@ Here is an example:
 import React from 'react'
 import { createComponent } from '@lit/react'
 
-import { GdsButton } from '@sebgroup/green-core/component/button'
+import { GdsButton } from '@sebgroup/green-core/component/button/index.js'
 import { getScopedTagName } from '@sebgroup/green-core/scoping'
-import { registerTransitionalStyles } from '@sebgroup/green-core/transitional-styles'
 
-registerTransitionalStyles()
+import * as ButtonStyles from '@sebgroup/green-core/components/button/button.trans.styles.js'
+ButtonStyles.register()
 
 export const Button = createComponent({
   tagName: getScopedTagName('gds-button'),

package/chunks/{chunk.YJHAKLGR.js → chunk.7ZCWP4FY.js}

@@ -1,6 +1,6 @@
 import {
   TransitionalStyles
-} from "./chunk.QONSFT2N.js";
+} from "./chunk.XQ3SZZAO.js";
 import {
   GdsElement
 } from "./chunk.2LQSDOD4.js";

package/chunks/{chunk.XI4H54TV.js → chunk.CHEU4C5J.js}

@@ -1,6 +1,6 @@
 import {
   TransitionalStyles
-} from "./chunk.QONSFT2N.js";
+} from "./chunk.XQ3SZZAO.js";
 import {
   GdsElement
 } from "./chunk.2LQSDOD4.js";

package/chunks/{chunk.D7H7CUS4.js → chunk.DBTRYFAB.js}

@@ -1,6 +1,6 @@
 import {
   TransitionalStyles
-} from "./chunk.QONSFT2N.js";
+} from "./chunk.XQ3SZZAO.js";
 import {
   GdsElement
 } from "./chunk.2LQSDOD4.js";

package/chunks/{chunk.522C22QY.js → chunk.DWSGVBRK.js}

@@ -1,12 +1,12 @@
 import {
   GdsSegment
-} from "./chunk.3SEVAGLE.js";
+} from "./chunk.W7SFAX2D.js";
 import {
   tokens
-} from "./chunk.7P5N6NZL.js";
+} from "./chunk.MMVYFXTU.js";
 import {
   TransitionalStyles
-} from "./chunk.QONSFT2N.js";
+} from "./chunk.XQ3SZZAO.js";
 import {
   GdsElement
 } from "./chunk.2LQSDOD4.js";

package/chunks/{chunk.ZTE73BY2.js → chunk.H7YA5KO4.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.YIQIH4RW.js";
 import {
   TransitionalStyles
-} from "./chunk.QONSFT2N.js";
+} from "./chunk.XQ3SZZAO.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";

package/chunks/{chunk.LUHCF4BJ.js → chunk.I2IU2N5F.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk.DFYMYEGD.js";
 import {
   TransitionalStyles
-} from "./chunk.QONSFT2N.js";
+} from "./chunk.XQ3SZZAO.js";
 import {
   GdsElement
 } from "./chunk.2LQSDOD4.js";

package/chunks/{chunk.7P5N6NZL.js → chunk.MMVYFXTU.js}

@@ -4,7 +4,7 @@ import { unsafeCSS } from "lit";
 // dist/libs/tokens/internal/pallet.css
 var pallet_default = `/**
  * Do not edit directly
- * Generated on Fri, 26 Apr 2024 12:12:33 GMT
+ * Generated on Thu, 02 May 2024 14:18:02 GMT
  */
 
 :host {
@@ -165,7 +165,7 @@ var pallet_default = `/**
 // dist/libs/tokens/internal/theme/light.css
 var light_default = `/**
  * Do not edit directly
- * Generated on Fri, 26 Apr 2024 12:12:33 GMT
+ * Generated on Thu, 02 May 2024 14:18:02 GMT
  */
 
 :host {
@@ -286,7 +286,7 @@ var light_default = `/**
 // dist/libs/tokens/internal/size.css
 var size_default = `/**
  * Do not edit directly
- * Generated on Fri, 26 Apr 2024 12:12:33 GMT
+ * Generated on Thu, 02 May 2024 14:18:02 GMT
  */
 
 :host {
@@ -532,7 +532,7 @@ var size_default = `/**
 // dist/libs/tokens/internal/motion.css
 var motion_default = `/**
  * Do not edit directly
- * Generated on Fri, 26 Apr 2024 12:12:33 GMT
+ * Generated on Thu, 02 May 2024 14:18:02 GMT
  */
 
 :host {

package/chunks/{chunk.MAD5DQMN.js → chunk.MVCYVB3S.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk.DFYMYEGD.js";
 import {
   TransitionalStyles
-} from "./chunk.QONSFT2N.js";
+} from "./chunk.XQ3SZZAO.js";
 import {
   GdsElement
 } from "./chunk.2LQSDOD4.js";

package/chunks/{chunk.WDZ2JTCP.js → chunk.Q6AEDXQF.js}

@@ -1,6 +1,6 @@
 import {
   TransitionalStyles
-} from "./chunk.QONSFT2N.js";
+} from "./chunk.XQ3SZZAO.js";
 import {
   watchMediaQuery
 } from "./chunk.WM7HBMMV.js";

package/chunks/{chunk.VYK7D6QO.js → chunk.URP77GWW.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk.2ND5EWHE.js";
 import {
   TransitionalStyles
-} from "./chunk.QONSFT2N.js";
+} from "./chunk.XQ3SZZAO.js";
 import {
   GdsElement
 } from "./chunk.2LQSDOD4.js";

package/chunks/{chunk.6UA66KQU.js → chunk.VDWYFSGX.js}

@@ -1,6 +1,6 @@
 import {
   TransitionalStyles
-} from "./chunk.QONSFT2N.js";
+} from "./chunk.XQ3SZZAO.js";
 import {
   GdsElement
 } from "./chunk.2LQSDOD4.js";

package/chunks/chunk.VOYMQ322.js

@@ -1,7 +1,7 @@
 // libs/core/src/utils/helpers/custom-element-scoping.ts
 import { html as litHtml } from "lit";
 import { customElement } from "lit/decorators.js";
-var VER_SUFFIX = "-482aa6";
+var VER_SUFFIX = "-7b50f8";
 var elementLookupTable = /* @__PURE__ */ new Map();
 var gdsCustomElement = (tagName) => {
   if (globalThis.GDS_DISABLE_VERSIONED_ELEMENTS) {

package/chunks/{chunk.3SEVAGLE.js → chunk.W7SFAX2D.js}

@@ -1,9 +1,9 @@
 import {
   tokens
-} from "./chunk.7P5N6NZL.js";
+} from "./chunk.MMVYFXTU.js";
 import {
   TransitionalStyles
-} from "./chunk.QONSFT2N.js";
+} from "./chunk.XQ3SZZAO.js";
 import {
   GdsElement
 } from "./chunk.2LQSDOD4.js";

package/chunks/{chunk.NOYHINYP.js → chunk.WD3QGIEJ.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk.YIQIH4RW.js";
 import {
   tokens
-} from "./chunk.7P5N6NZL.js";
+} from "./chunk.MMVYFXTU.js";
 import {
   TransitionalStyles
-} from "./chunk.QONSFT2N.js";
+} from "./chunk.XQ3SZZAO.js";
 import {
   constrainSlots
 } from "./chunk.6NM7ENKA.js";

package/chunks/{chunk.2OOTOCUG.js → chunk.WEE5C637.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.YIQIH4RW.js";
 import {
   TransitionalStyles
-} from "./chunk.QONSFT2N.js";
+} from "./chunk.XQ3SZZAO.js";
 import {
   observeLightDOM
 } from "./chunk.WM7HBMMV.js";

package/chunks/{chunk.274BU2AI.js → chunk.WIWIGJID.js}

@@ -1,9 +1,9 @@
 import {
   grid_style_css_default
-} from "./chunk.J2A6J77W.js";
+} from "./chunk.XMPBXAGB.js";
 import {
   tokens
-} from "./chunk.7P5N6NZL.js";
+} from "./chunk.MMVYFXTU.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";

package/chunks/{chunk.J2A6J77W.js → chunk.XMPBXAGB.js}

@@ -66,7 +66,6 @@ var style = css`
     }
 
     :host {
-      --_c: var(--_columns-mobile);
       --_gap-column: var(--_gap-mobile);
       --_gap-row: var(--_row-gap-mobile);
       --_grid-padding: var(--_padding-mobile);