@lightspeed/design-system-css 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,12 @@
+# @lightspeed/design-system-css
+
+## 0.1.0
+### Minor Changes
+
+- 094a8faf7: Initial release of `@lightspeed/design-sytem-css`.
+  
+  See https://github.com/vend/monocle/pull/3616 for context.
+
+### Patch Changes
+
+- dc309dc98: Remove dependency on @vend packages

package/LICENSE.md

@@ -0,0 +1,24 @@
+Copyright (c) 2019-present Lightspeed Commerce Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is furnished
+to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+The rights granted above may only be exercised to develop, test, distribute and
+provide network access to applications that integrate or interoperate with
+Lightspeed products or services. The rights granted above may under no circumstances
+be exercised to develop, test, distribute or provide network access to applications
+that compete with Lightspeed products or services.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
+INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
+PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.”

package/README.md

@@ -0,0 +1,70 @@
+# Lightspeed Design System in CSS
+
+[![npm version](https://img.shields.io/npm/v/@lightspeed/design-system-css.svg?style=flat)](https://www.npmjs.com/package/@lightspeed/design-system-css)
+
+CSS component library for building Lightspeed products.
+
+## Usage
+
+To use these components, you would typically add the following to your package's root `index.tsx`:
+
+```ts
+import '@lightspeed/design-system-css/dist/vend-styles.css'
+```
+
+You have access to both the `.css` dist files and the `.scss` src files. The design system CSS files are broken down per component, so you can just use what you need (i.e. `DatePicker.css`).
+
+#### Accessing Variables, Mixins, Functions
+
+You can access all the variables, mixins, functions and other Sass that doesn't produce actual CSS at any time by
+importing:
+
+```scss
+@import '@lightspeed/design-system-css/src/vend.ui/styles/global/non-styles';
+```
+
+## Scripts
+
+- `build` - Build the dist `.css` files
+- `build:themes` - Converts the JS themes to SCSS maps
+
+## Publishing
+
+This package is published publicly on NPM under the `@lightspeed` organization. We use the [changesets](https://github.com/atlassian/changesets/blob/main/docs/detailed-explanation.md)'s workflow to release new versions.
+
+### 1. Add a changeset
+
+1. Run the command line script `yarn changeset`
+2. Select an appropriate bump type for the changes made
+3. Your final prompt will be to provide a message to go alongside the changeset. This will be written into the changelog when the next release occurs.
+
+After this, a new changeset will be added which is a markdown file with YAML front matter.
+
+```
+-| .changeset/
+-|-| UNIQUE_ID.md
+```
+
+The message you typed can be found in the markdown file. If you want to expand on it, you can write as much markdown as you want, which will all be added to the changelog on publish. If you want to add more packages or change the bump types of any packages, that's also fine.
+
+While not every changeset is going to need a huge amount of detail, a good idea of what should be in a changeset is:
+
+- WHAT the change is
+- WHY the change was made
+- HOW a consumer should update their code
+
+4. Once you are happy with the changeset, commit the file to your branch.
+
+### 2. Merge your PR, and review the automated release PR
+
+After merging your PR with changesets, a Github workflow will create a PR that will turn the changesets into the changelog and bump the version.
+
+Review this PR and wait for checks to pass, you can then merge it.
+
+### 3. You are done!
+
+After merging the automated release PR, the same Github workflow will create a Github release based on your changesets and publish the package on NPM.
+
+## License
+
+Source code is under a [custom license](./LICENSE.md) based on MIT.

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { xSeriesDarkTheme, xSeriesDarkThemeByCategory, } from './themes/xseries/dark';
+export { xSeriesLightTheme, xSeriesLightThemeByCategory, } from './themes/xseries/light';

package/dist/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var dark_1 = require("./themes/xseries/dark");
+exports.xSeriesDarkTheme = dark_1.xSeriesDarkTheme;
+exports.xSeriesDarkThemeByCategory = dark_1.xSeriesDarkThemeByCategory;
+var light_1 = require("./themes/xseries/light");
+exports.xSeriesLightTheme = light_1.xSeriesLightTheme;
+exports.xSeriesLightThemeByCategory = light_1.xSeriesLightThemeByCategory;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;AAAA,8CAG8B;AAF5B,kCAAA,gBAAgB,CAAA;AAChB,4CAAA,0BAA0B,CAAA;AAG5B,gDAG+B;AAF7B,oCAAA,iBAAiB,CAAA;AACjB,8CAAA,2BAA2B,CAAA"}

package/dist/themes/types.d.ts

@@ -0,0 +1,54 @@
+export interface ThemeConfig {
+    theme: Theme;
+    mapName: string;
+    filename: string;
+}
+export interface Theme {
+    background: string;
+    backgroundInverse: string;
+    box: string;
+    boxInverse: string;
+    boxSupplementary: string;
+    do: string;
+    doDarker: string;
+    doHighlight: string;
+    doLighter: string;
+    framing: string;
+    framingInverse: string;
+    go: string;
+    goDarker: string;
+    goHighlight: string;
+    goLighter: string;
+    goldenSand: string;
+    gothic: string;
+    keyline: string;
+    keylineInverse: string;
+    lavenderPurple: string;
+    navIconSelected: string;
+    navIconUnselected: string;
+    navSideDrawer: string;
+    navSideTabs: string;
+    navTop: string;
+    newYorkPink: string;
+    no: string;
+    noDarker: string;
+    noHighlight: string;
+    noLighter: string;
+    overlay: string;
+    selectArrowsBg: string;
+    shadow: string;
+    shuttleGray: string;
+    sinbad: string;
+    success: string;
+    supplementary: string;
+    supplementaryDarker: string;
+    supplementaryHighlight: string;
+    supplementaryLighter: string;
+    supplementaryText: string;
+    tacao: string;
+    text: string;
+    textAction: string;
+    textInverse: string;
+    textNav: string;
+}
+export declare const requiredRgbSwatches: string[];

package/dist/themes/types.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// Some swatches require an "rgb" swatch (e.g. vd-background--rgb) to help apps integrate themes
+exports.requiredRgbSwatches = [
+    'background',
+    'box',
+    'boxInverse',
+    'do',
+    'go',
+    'navSideDrawer',
+    'navSideTabs',
+    'navTop',
+    'no',
+    'supplementary',
+];
+//# sourceMappingURL=types.js.map

package/dist/themes/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/themes/types.ts"],"names":[],"mappings":";;AAuDA,gGAAgG;AACnF,QAAA,mBAAmB,GAAG;IACjC,YAAY;IACZ,KAAK;IACL,YAAY;IACZ,IAAI;IACJ,IAAI;IACJ,eAAe;IACf,aAAa;IACb,QAAQ;IACR,IAAI;IACJ,eAAe;CAChB,CAAA"}

package/dist/themes/xseries/dark.d.ts

@@ -0,0 +1,68 @@
+import { Theme } from '../types';
+export declare const xSeriesDarkThemeByCategory: {
+    backgrounds: {
+        inert: {
+            background: string;
+            box: string;
+            backgroundInverse: string;
+            boxInverse: string;
+            success: string;
+        };
+        interactive: {
+            goLighter: string;
+            go: string;
+            goDarker: string;
+            goHighlight: string;
+            noLighter: string;
+            no: string;
+            noDarker: string;
+            supplementaryLighter: string;
+            supplementary: string;
+            supplementaryDarker: string;
+        };
+    };
+    foregrounds: {
+        inert: {
+            text: string;
+            textInverse: string;
+            textAction: string;
+            selectArrowsBg: string;
+            shadow: string;
+            overlay: string;
+        };
+        borders: {
+            framing: string;
+            keyline: string;
+            framingInverse: string;
+            keylineInverse: string;
+        };
+    };
+    discretionary: {
+        goldenSand: string;
+        tacao: string;
+        newYorkPink: string;
+        gothic: string;
+        lavenderPurple: string;
+        sinbad: string;
+        shuttleGray: string;
+    };
+    navigation: {
+        navTop: string;
+        navSideTabs: string;
+        navSideDrawer: string;
+        navIconUnselected: string;
+        navIconSelected: string;
+    };
+    deprecated: {
+        boxSupplementary: string;
+        textNav: string;
+        supplementaryText: string;
+        supplementaryHighlight: string;
+        doHighlight: string;
+        noHighlight: string;
+        doLighter: string;
+        do: string;
+        doDarker: string;
+    };
+};
+export declare const xSeriesDarkTheme: Theme;

package/dist/themes/xseries/dark.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const backgrounds = {
+    inert: {
+        background: '#141217',
+        box: '#1E1C21',
+        backgroundInverse: '#F4F2F5',
+        boxInverse: '#FFFFFF',
+        success: '#15BF20',
+    },
+    interactive: {
+        goLighter: '#6054FF',
+        go: '#477BFF',
+        goDarker: '#352ACF',
+        goHighlight: 'rgba(0, 23, 229, .1)',
+        noLighter: '#D4301D',
+        no: '#EB4F29',
+        noDarker: '#A12416',
+        supplementaryLighter: '#3C6996',
+        supplementary: '#5B83AC',
+        supplementaryDarker: '#284563',
+    },
+};
+const foregrounds = {
+    inert: {
+        text: '#E7E5E8',
+        textInverse: '#0B0B0B',
+        textAction: '#FFFFFF',
+        selectArrowsBg: '#E7E5E8',
+        shadow: 'rgba(0, 0, 0, 0.35)',
+        overlay: 'rgba(43, 54, 61, 0.65)',
+    },
+    borders: {
+        framing: '#27252A',
+        keyline: '#37353A',
+        framingInverse: '#E7E5E8',
+        keylineInverse: '#C9C7CA',
+    },
+};
+const discretionary = {
+    goldenSand: '#E6B03D',
+    tacao: '#ED6B44',
+    newYorkPink: '#DE3CEC',
+    gothic: '#A02FB6',
+    lavenderPurple: '#501897',
+    sinbad: '#6952F6',
+    shuttleGray: '#5D5D5D',
+};
+const navigation = {
+    // When updating `navTop` ensure you also update the `<meta name="theme-color" content="#0B0B0B" />` in the head of index.html
+    navTop: '#0B0B0B',
+    navSideTabs: '#27252A',
+    navSideDrawer: '#1E1C21',
+    navIconUnselected: '#FFFFFF',
+    navIconSelected: '#E7E5E8',
+};
+const deprecated = {
+    boxSupplementary: '#27252A',
+    textNav: '#FFFFFF',
+    supplementaryText: '#5B83AC',
+    supplementaryHighlight: 'rgba(0, 61, 229, .1)',
+    doHighlight: 'rgba(0, 23, 229, .1)',
+    noHighlight: 'rgba(229, 0, 0,.1)',
+    doLighter: '#618EFF',
+    do: '#477BFF',
+    doDarker: '#406FE5',
+};
+exports.xSeriesDarkThemeByCategory = {
+    backgrounds,
+    foregrounds,
+    discretionary,
+    navigation,
+    deprecated,
+};
+exports.xSeriesDarkTheme = {
+    ...backgrounds.inert,
+    ...backgrounds.interactive,
+    ...foregrounds.inert,
+    ...foregrounds.borders,
+    ...discretionary,
+    ...navigation,
+    ...deprecated,
+};
+//# sourceMappingURL=dark.js.map

package/dist/themes/xseries/dark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dark.js","sourceRoot":"","sources":["../../../src/themes/xseries/dark.ts"],"names":[],"mappings":";;AAEA,MAAM,WAAW,GAAG;IAClB,KAAK,EAAE;QACL,UAAU,EAAE,SAAS;QACrB,GAAG,EAAE,SAAS;QACd,iBAAiB,EAAE,SAAS;QAC5B,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;KACnB;IACD,WAAW,EAAE;QACX,SAAS,EAAE,SAAS;QACpB,EAAE,EAAE,SAAS;QACb,QAAQ,EAAE,SAAS;QACnB,WAAW,EAAE,sBAAsB;QACnC,SAAS,EAAE,SAAS;QACpB,EAAE,EAAE,SAAS;QACb,QAAQ,EAAE,SAAS;QACnB,oBAAoB,EAAE,SAAS;QAC/B,aAAa,EAAE,SAAS;QACxB,mBAAmB,EAAE,SAAS;KAC/B;CACF,CAAA;AAED,MAAM,WAAW,GAAG;IAClB,KAAK,EAAE;QACL,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,SAAS;QACtB,UAAU,EAAE,SAAS;QACrB,cAAc,EAAE,SAAS;QAEzB,MAAM,EAAE,qBAAqB;QAC7B,OAAO,EAAE,wBAAwB;KAClC;IACD,OAAO,EAAE;QACP,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,cAAc,EAAE,SAAS;QACzB,cAAc,EAAE,SAAS;KAC1B;CACF,CAAA;AAED,MAAM,aAAa,GAAG;IACpB,UAAU,EAAE,SAAS;IACrB,KAAK,EAAE,SAAS;IAChB,WAAW,EAAE,SAAS;IACtB,MAAM,EAAE,SAAS;IACjB,cAAc,EAAE,SAAS;IACzB,MAAM,EAAE,SAAS;IACjB,WAAW,EAAE,SAAS;CACvB,CAAA;AAED,MAAM,UAAU,GAAG;IACjB,8HAA8H;IAC9H,MAAM,EAAE,SAAS;IACjB,WAAW,EAAE,SAAS;IACtB,aAAa,EAAE,SAAS;IACxB,iBAAiB,EAAE,SAAS;IAC5B,eAAe,EAAE,SAAS;CAC3B,CAAA;AAED,MAAM,UAAU,GAAG;IACjB,gBAAgB,EAAE,SAAS;IAC3B,OAAO,EAAE,SAAS;IAClB,iBAAiB,EAAE,SAAS;IAC5B,sBAAsB,EAAE,sBAAsB;IAC9C,WAAW,EAAE,sBAAsB;IACnC,WAAW,EAAE,oBAAoB;IACjC,SAAS,EAAE,SAAS;IACpB,EAAE,EAAE,SAAS;IACb,QAAQ,EAAE,SAAS;CACpB,CAAA;AAEY,QAAA,0BAA0B,GAAG;IACxC,WAAW;IACX,WAAW;IACX,aAAa;IACb,UAAU;IACV,UAAU;CACX,CAAA;AAEY,QAAA,gBAAgB,GAAU;IACrC,GAAG,WAAW,CAAC,KAAK;IACpB,GAAG,WAAW,CAAC,WAAW;IAC1B,GAAG,WAAW,CAAC,KAAK;IACpB,GAAG,WAAW,CAAC,OAAO;IACtB,GAAG,aAAa;IAChB,GAAG,UAAU;IACb,GAAG,UAAU;CACd,CAAA"}

package/dist/themes/xseries/light.d.ts

@@ -0,0 +1,68 @@
+import { Theme } from '../types';
+export declare const xSeriesLightThemeByCategory: {
+    backgrounds: {
+        inert: {
+            background: string;
+            box: string;
+            backgroundInverse: string;
+            boxInverse: string;
+            success: string;
+        };
+        interactive: {
+            goLighter: string;
+            go: string;
+            goDarker: string;
+            goHighlight: string;
+            noLighter: string;
+            no: string;
+            noDarker: string;
+            supplementaryLighter: string;
+            supplementary: string;
+            supplementaryDarker: string;
+        };
+    };
+    foregrounds: {
+        inert: {
+            text: string;
+            textInverse: string;
+            textAction: string;
+            selectArrowsBg: string;
+            shadow: string;
+            overlay: string;
+        };
+        borders: {
+            framing: string;
+            keyline: string;
+            framingInverse: string;
+            keylineInverse: string;
+        };
+    };
+    discretionary: {
+        goldenSand: string;
+        tacao: string;
+        newYorkPink: string;
+        gothic: string;
+        lavenderPurple: string;
+        sinbad: string;
+        shuttleGray: string;
+    };
+    navigation: {
+        navTop: string;
+        navSideTabs: string;
+        navSideDrawer: string;
+        navIconUnselected: string;
+        navIconSelected: string;
+    };
+    deprecated: {
+        boxSupplementary: string;
+        textNav: string;
+        supplementaryText: string;
+        supplementaryHighlight: string;
+        doHighlight: string;
+        noHighlight: string;
+        doLighter: string;
+        do: string;
+        doDarker: string;
+    };
+};
+export declare const xSeriesLightTheme: Theme;

package/dist/themes/xseries/light.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const backgrounds = {
+    inert: {
+        background: '#F4F2F5',
+        box: '#FFFFFF',
+        backgroundInverse: '#141217',
+        boxInverse: '#1E1C21',
+        success: '#0E7B1D',
+    },
+    interactive: {
+        goLighter: '#6054FF',
+        go: '#3F32F5',
+        goDarker: '#352ACF',
+        goHighlight: 'rgba(128, 140, 255, .1)',
+        noLighter: '#D4301D',
+        no: '#BB2A1A',
+        noDarker: '#A12416',
+        supplementaryLighter: '#3C6996',
+        supplementary: '#32577D',
+        supplementaryDarker: '#284563',
+    },
+};
+const foregrounds = {
+    inert: {
+        text: '#27252A',
+        textInverse: '#FFFFFF',
+        textAction: '#FFFFFF',
+        selectArrowsBg: '#27252A',
+        shadow: 'rgba(0, 0, 0, 0.35)',
+        overlay: 'rgba(0, 0, 0, 0.35)',
+    },
+    borders: {
+        framing: '#E7E5E8',
+        keyline: '#C9C7CA',
+        framingInverse: '#27252A',
+        keylineInverse: '#37353A',
+    },
+};
+const discretionary = {
+    goldenSand: '#E6B03D',
+    tacao: '#ED6B44',
+    newYorkPink: '#DE3CEC',
+    gothic: '#A02FB6',
+    lavenderPurple: '#501897',
+    sinbad: '#6952F6',
+    shuttleGray: '#5D5D5D',
+};
+const navigation = {
+    // When updating `navTop` ensure you also update the `<meta name="theme-color" content="#0B0B0B" />` in the head of index.html
+    navTop: '#0B0B0B',
+    navSideTabs: '#E7E5E8',
+    navSideDrawer: '#FFFFFF',
+    navIconUnselected: '#27252A',
+    navIconSelected: '#3F32F5',
+};
+const deprecated = {
+    boxSupplementary: '#E7E5E8',
+    textNav: '#FFFFFF',
+    supplementaryText: '#32577D',
+    supplementaryHighlight: 'rgba(76, 124, 255, 0.1)',
+    doHighlight: 'rgba(128, 140, 255, .1)',
+    noHighlight: 'rgba(255, 128, 128, .1)',
+    doLighter: '#6054FF',
+    do: '#3F32F5',
+    doDarker: '#352ACF',
+};
+exports.xSeriesLightThemeByCategory = {
+    backgrounds,
+    foregrounds,
+    discretionary,
+    navigation,
+    deprecated,
+};
+exports.xSeriesLightTheme = {
+    ...backgrounds.inert,
+    ...backgrounds.interactive,
+    ...foregrounds.inert,
+    ...foregrounds.borders,
+    ...discretionary,
+    ...navigation,
+    ...deprecated,
+};
+//# sourceMappingURL=light.js.map

package/dist/themes/xseries/light.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"light.js","sourceRoot":"","sources":["../../../src/themes/xseries/light.ts"],"names":[],"mappings":";;AAEA,MAAM,WAAW,GAAG;IAClB,KAAK,EAAE;QACL,UAAU,EAAE,SAAS;QACrB,GAAG,EAAE,SAAS;QACd,iBAAiB,EAAE,SAAS;QAC5B,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;KACnB;IACD,WAAW,EAAE;QACX,SAAS,EAAE,SAAS;QACpB,EAAE,EAAE,SAAS;QACb,QAAQ,EAAE,SAAS;QACnB,WAAW,EAAE,yBAAyB;QACtC,SAAS,EAAE,SAAS;QACpB,EAAE,EAAE,SAAS;QACb,QAAQ,EAAE,SAAS;QACnB,oBAAoB,EAAE,SAAS;QAC/B,aAAa,EAAE,SAAS;QACxB,mBAAmB,EAAE,SAAS;KAC/B;CACF,CAAA;AAED,MAAM,WAAW,GAAG;IAClB,KAAK,EAAE;QACL,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,SAAS;QACtB,UAAU,EAAE,SAAS;QACrB,cAAc,EAAE,SAAS;QACzB,MAAM,EAAE,qBAAqB;QAC7B,OAAO,EAAE,qBAAqB;KAC/B;IACD,OAAO,EAAE;QACP,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,cAAc,EAAE,SAAS;QACzB,cAAc,EAAE,SAAS;KAC1B;CACF,CAAA;AAED,MAAM,aAAa,GAAG;IACpB,UAAU,EAAE,SAAS;IACrB,KAAK,EAAE,SAAS;IAChB,WAAW,EAAE,SAAS;IACtB,MAAM,EAAE,SAAS;IACjB,cAAc,EAAE,SAAS;IACzB,MAAM,EAAE,SAAS;IACjB,WAAW,EAAE,SAAS;CACvB,CAAA;AAED,MAAM,UAAU,GAAG;IACjB,8HAA8H;IAC9H,MAAM,EAAE,SAAS;IACjB,WAAW,EAAE,SAAS;IACtB,aAAa,EAAE,SAAS;IACxB,iBAAiB,EAAE,SAAS;IAC5B,eAAe,EAAE,SAAS;CAC3B,CAAA;AAED,MAAM,UAAU,GAAG;IACjB,gBAAgB,EAAE,SAAS;IAC3B,OAAO,EAAE,SAAS;IAClB,iBAAiB,EAAE,SAAS;IAC5B,sBAAsB,EAAE,yBAAyB;IACjD,WAAW,EAAE,yBAAyB;IACtC,WAAW,EAAE,yBAAyB;IACtC,SAAS,EAAE,SAAS;IACpB,EAAE,EAAE,SAAS;IACb,QAAQ,EAAE,SAAS;CACpB,CAAA;AAEY,QAAA,2BAA2B,GAAG;IACzC,WAAW;IACX,WAAW;IACX,aAAa;IACb,UAAU;IACV,UAAU;CACX,CAAA;AAEY,QAAA,iBAAiB,GAAU;IACtC,GAAG,WAAW,CAAC,KAAK;IACpB,GAAG,WAAW,CAAC,WAAW;IAC1B,GAAG,WAAW,CAAC,KAAK;IACpB,GAAG,WAAW,CAAC,OAAO;IACtB,GAAG,aAAa;IAChB,GAAG,UAAU;IACb,GAAG,UAAU;CACd,CAAA"}