@genesislcap/foundation-zero 14.155.1 → 14.156.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +316 -1
- package/dist/dts/base-components.d.ts +1 -0
- package/dist/dts/base-components.d.ts.map +1 -1
- package/dist/dts/index.d.ts +1 -0
- package/dist/dts/index.d.ts.map +1 -1
- package/dist/dts/stacking-icons/index.d.ts +3 -0
- package/dist/dts/stacking-icons/index.d.ts.map +1 -0
- package/dist/dts/stacking-icons/stacking-icons.d.ts +8 -0
- package/dist/dts/stacking-icons/stacking-icons.d.ts.map +1 -0
- package/dist/dts/stacking-icons/stacking-icons.stories.d.ts +5 -0
- package/dist/dts/stacking-icons/stacking-icons.stories.d.ts.map +1 -0
- package/dist/dts/stacking-icons/stacking-icons.styles.d.ts +4 -0
- package/dist/dts/stacking-icons/stacking-icons.styles.d.ts.map +1 -0
- package/dist/esm/base-components.js +2 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/stacking-icons/index.js +2 -0
- package/dist/esm/stacking-icons/stacking-icons.js +12 -0
- package/dist/esm/stacking-icons/stacking-icons.stories.js +53 -0
- package/dist/esm/stacking-icons/stacking-icons.styles.js +5 -0
- package/package.json +12 -12
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
"type": {
|
|
13
13
|
"text": "object"
|
|
14
14
|
},
|
|
15
|
-
"default": "{\n zeroAccordion,\n zeroAccordionItem,\n zeroActionsMenu,\n zeroAnchor,\n zeroAnchoredRegion,\n zeroAvatar,\n zeroBadge,\n zeroBanner,\n zeroBreadcrumbItem,\n zeroBreadcrumb,\n zeroButton,\n zeroCalendar,\n zeroCard,\n zeroCategorizedMultiselect,\n zeroCheckbox,\n zeroCombobox,\n zeroConnectionIndicator,\n zeroDataGrid,\n zeroDesignSystemProvider,\n zeroDialog,\n zeroDatePicker,\n zeroDisclosure,\n zeroDivider,\n zeroDropdownMenu,\n zeroErrorBoundary,\n zeroNotificationListener,\n zeroErrorBanner,\n zeroErrorDialog,\n zeroFileUpload,\n zeroFilter,\n zeroFilterBar,\n zeroFlexLayout,\n zeroFlipper,\n zeroFlyout,\n zeroGridLayout,\n zeroGridLayoutItem,\n zeroHorizontalScroll,\n zeroIcon,\n zeroListbox,\n zeroListboxOption,\n zeroMenu,\n zeroMenuItem,\n zeroModal,\n zeroMultiselect,\n zeroNumberField,\n zeroProgress,\n zeroProgressRing,\n zeroRadio,\n zeroRadioGroup,\n zeroSearchBar,\n zeroSearchBarCombobox,\n zeroSegmentedControl,\n zeroSegmentedItem,\n zeroSelect,\n zeroSkeleton,\n zeroSlider,\n zeroSliderLabel,\n zeroSnackbar,\n zeroStepper,\n zeroStepperTab,\n zeroStepperTabPanel,\n zeroSwitch,\n zeroTab,\n zeroTabPanel,\n zeroTabs,\n zeroTextArea,\n zeroTextField,\n zeroToast,\n zeroToolbar,\n zeroTooltip,\n zeroTreeItem,\n zeroTreeView,\n zeroUrlInput,\n register(container?: Container, ...rest: any[]) {\n if (!container) {\n // preserve backward compatibility with code that loops through\n // the values of this object and calls them as funcs with no args\n return;\n }\n\n for (const key in this) {\n if (key === 'register') {\n continue;\n }\n\n this[key]().register(container, ...rest);\n }\n },\n}"
|
|
15
|
+
"default": "{\n zeroAccordion,\n zeroAccordionItem,\n zeroActionsMenu,\n zeroAnchor,\n zeroAnchoredRegion,\n zeroAvatar,\n zeroBadge,\n zeroBanner,\n zeroBreadcrumbItem,\n zeroBreadcrumb,\n zeroButton,\n zeroCalendar,\n zeroCard,\n zeroCategorizedMultiselect,\n zeroCheckbox,\n zeroCombobox,\n zeroConnectionIndicator,\n zeroDataGrid,\n zeroDesignSystemProvider,\n zeroDialog,\n zeroDatePicker,\n zeroDisclosure,\n zeroDivider,\n zeroDropdownMenu,\n zeroErrorBoundary,\n zeroNotificationListener,\n zeroErrorBanner,\n zeroErrorDialog,\n zeroFileUpload,\n zeroFilter,\n zeroFilterBar,\n zeroFlexLayout,\n zeroFlipper,\n zeroFlyout,\n zeroGridLayout,\n zeroGridLayoutItem,\n zeroHorizontalScroll,\n zeroIcon,\n zeroListbox,\n zeroListboxOption,\n zeroMenu,\n zeroMenuItem,\n zeroModal,\n zeroMultiselect,\n zeroNumberField,\n zeroProgress,\n zeroProgressRing,\n zeroRadio,\n zeroRadioGroup,\n zeroSearchBar,\n zeroSearchBarCombobox,\n zeroSegmentedControl,\n zeroSegmentedItem,\n zeroSelect,\n zeroSkeleton,\n zeroSlider,\n zeroSliderLabel,\n zeroSnackbar,\n zeroStackingIcons,\n zeroStepper,\n zeroStepperTab,\n zeroStepperTabPanel,\n zeroSwitch,\n zeroTab,\n zeroTabPanel,\n zeroTabs,\n zeroTextArea,\n zeroTextField,\n zeroToast,\n zeroToolbar,\n zeroTooltip,\n zeroTreeItem,\n zeroTreeView,\n zeroUrlInput,\n register(container?: Container, ...rest: any[]) {\n if (!container) {\n // preserve backward compatibility with code that loops through\n // the values of this object and calls them as funcs with no args\n return;\n }\n\n for (const key in this) {\n if (key === 'register') {\n continue;\n }\n\n this[key]().register(container, ...rest);\n }\n },\n}"
|
|
16
16
|
}
|
|
17
17
|
],
|
|
18
18
|
"exports": [
|
|
@@ -514,6 +514,14 @@
|
|
|
514
514
|
"package": "./slider-label"
|
|
515
515
|
}
|
|
516
516
|
},
|
|
517
|
+
{
|
|
518
|
+
"kind": "js",
|
|
519
|
+
"name": "*",
|
|
520
|
+
"declaration": {
|
|
521
|
+
"name": "*",
|
|
522
|
+
"package": "./stacking-icons"
|
|
523
|
+
}
|
|
524
|
+
},
|
|
517
525
|
{
|
|
518
526
|
"kind": "js",
|
|
519
527
|
"name": "*",
|
|
@@ -29997,6 +30005,313 @@
|
|
|
29997
30005
|
}
|
|
29998
30006
|
]
|
|
29999
30007
|
},
|
|
30008
|
+
{
|
|
30009
|
+
"kind": "javascript-module",
|
|
30010
|
+
"path": "src/stacking-icons/index.ts",
|
|
30011
|
+
"declarations": [],
|
|
30012
|
+
"exports": [
|
|
30013
|
+
{
|
|
30014
|
+
"kind": "js",
|
|
30015
|
+
"name": "*",
|
|
30016
|
+
"declaration": {
|
|
30017
|
+
"name": "*",
|
|
30018
|
+
"package": "./stacking-icons"
|
|
30019
|
+
}
|
|
30020
|
+
},
|
|
30021
|
+
{
|
|
30022
|
+
"kind": "js",
|
|
30023
|
+
"name": "*",
|
|
30024
|
+
"declaration": {
|
|
30025
|
+
"name": "*",
|
|
30026
|
+
"package": "./stacking-icons.styles"
|
|
30027
|
+
}
|
|
30028
|
+
}
|
|
30029
|
+
]
|
|
30030
|
+
},
|
|
30031
|
+
{
|
|
30032
|
+
"kind": "javascript-module",
|
|
30033
|
+
"path": "src/stacking-icons/stacking-icons.stories.ts",
|
|
30034
|
+
"declarations": [
|
|
30035
|
+
{
|
|
30036
|
+
"kind": "variable",
|
|
30037
|
+
"name": "meta",
|
|
30038
|
+
"type": {
|
|
30039
|
+
"text": "Meta"
|
|
30040
|
+
},
|
|
30041
|
+
"default": "{\n title: 'Stacking Icons',\n component: 'zero-stacking-icons',\n}"
|
|
30042
|
+
},
|
|
30043
|
+
{
|
|
30044
|
+
"kind": "variable",
|
|
30045
|
+
"name": "Configurable",
|
|
30046
|
+
"type": {
|
|
30047
|
+
"text": "StoryObj"
|
|
30048
|
+
},
|
|
30049
|
+
"default": "{\n argTypes: {\n size: {\n control: 'select',\n options: faSizeValues,\n description: 'Select size for the stacking icons',\n },\n firstIconSize: iconSizeArgTypes,\n firstIconVariant: iconVariantArgTypes,\n secondIconSize: iconSizeArgTypes,\n secondIconVariant: iconVariantArgTypes,\n },\n args: {\n size: '1x',\n firstIconName: 'circle',\n firstIconSize: 'stack-2x',\n firstIconVariant: 'regular',\n secondIconName: 'flag',\n secondIconSize: 'stack-1x',\n secondIconVariant: 'solid',\n },\n render: ({\n size,\n firstIconName,\n firstIconSize,\n firstIconVariant,\n secondIconName,\n secondIconSize,\n secondIconVariant,\n }) => html`\n <zero-stacking-icons size=\"${size}\" style=\"color:#FFFFFF\">\n <zero-icon\n name=\"${firstIconName}\"\n size=\"${firstIconSize}\"\n variant=\"${firstIconVariant}\"\n ></zero-icon>\n <zero-icon\n name=\"${secondIconName}\"\n size=\"${secondIconSize}\"\n variant=\"${secondIconVariant}\"\n ></zero-icon>\n </zero-stacking-icons>\n `,\n}"
|
|
30050
|
+
}
|
|
30051
|
+
],
|
|
30052
|
+
"exports": [
|
|
30053
|
+
{
|
|
30054
|
+
"kind": "js",
|
|
30055
|
+
"name": "default",
|
|
30056
|
+
"declaration": {
|
|
30057
|
+
"name": "meta",
|
|
30058
|
+
"module": "src/stacking-icons/stacking-icons.stories.ts"
|
|
30059
|
+
}
|
|
30060
|
+
},
|
|
30061
|
+
{
|
|
30062
|
+
"kind": "js",
|
|
30063
|
+
"name": "Configurable",
|
|
30064
|
+
"declaration": {
|
|
30065
|
+
"name": "Configurable",
|
|
30066
|
+
"module": "src/stacking-icons/stacking-icons.stories.ts"
|
|
30067
|
+
}
|
|
30068
|
+
}
|
|
30069
|
+
]
|
|
30070
|
+
},
|
|
30071
|
+
{
|
|
30072
|
+
"kind": "javascript-module",
|
|
30073
|
+
"path": "src/stacking-icons/stacking-icons.styles.ts",
|
|
30074
|
+
"declarations": [
|
|
30075
|
+
{
|
|
30076
|
+
"kind": "function",
|
|
30077
|
+
"name": "zeroStackingIconsStyles",
|
|
30078
|
+
"return": {
|
|
30079
|
+
"type": {
|
|
30080
|
+
"text": "ElementStyles"
|
|
30081
|
+
}
|
|
30082
|
+
},
|
|
30083
|
+
"parameters": [
|
|
30084
|
+
{
|
|
30085
|
+
"name": "context",
|
|
30086
|
+
"type": {
|
|
30087
|
+
"text": "ElementDefinitionContext"
|
|
30088
|
+
}
|
|
30089
|
+
},
|
|
30090
|
+
{
|
|
30091
|
+
"name": "definition",
|
|
30092
|
+
"type": {
|
|
30093
|
+
"text": "FoundationElementDefinition"
|
|
30094
|
+
}
|
|
30095
|
+
}
|
|
30096
|
+
]
|
|
30097
|
+
}
|
|
30098
|
+
],
|
|
30099
|
+
"exports": [
|
|
30100
|
+
{
|
|
30101
|
+
"kind": "js",
|
|
30102
|
+
"name": "zeroStackingIconsStyles",
|
|
30103
|
+
"declaration": {
|
|
30104
|
+
"name": "zeroStackingIconsStyles",
|
|
30105
|
+
"module": "src/stacking-icons/stacking-icons.styles.ts"
|
|
30106
|
+
}
|
|
30107
|
+
}
|
|
30108
|
+
]
|
|
30109
|
+
},
|
|
30110
|
+
{
|
|
30111
|
+
"kind": "javascript-module",
|
|
30112
|
+
"path": "src/stacking-icons/stacking-icons.ts",
|
|
30113
|
+
"declarations": [
|
|
30114
|
+
{
|
|
30115
|
+
"kind": "class",
|
|
30116
|
+
"description": "",
|
|
30117
|
+
"name": "StackingIcons",
|
|
30118
|
+
"superclass": {
|
|
30119
|
+
"name": "FoundationStackingIcons",
|
|
30120
|
+
"package": "@genesislcap/foundation-ui"
|
|
30121
|
+
},
|
|
30122
|
+
"tagName": "%%prefix%%-stacking-icons",
|
|
30123
|
+
"customElement": true,
|
|
30124
|
+
"attributes": [
|
|
30125
|
+
{
|
|
30126
|
+
"name": "size",
|
|
30127
|
+
"type": {
|
|
30128
|
+
"text": "StackingIconsSize"
|
|
30129
|
+
},
|
|
30130
|
+
"default": "faSizeValueDefault",
|
|
30131
|
+
"resolveInitializer": {
|
|
30132
|
+
"module": "/src/icon"
|
|
30133
|
+
},
|
|
30134
|
+
"fieldName": "size",
|
|
30135
|
+
"inheritedFrom": {
|
|
30136
|
+
"name": "StackingIcons",
|
|
30137
|
+
"module": "src/stacking-icons/stacking-icons.ts"
|
|
30138
|
+
}
|
|
30139
|
+
},
|
|
30140
|
+
{
|
|
30141
|
+
"name": "['vertical-align']",
|
|
30142
|
+
"type": {
|
|
30143
|
+
"text": "VerticalAlign"
|
|
30144
|
+
},
|
|
30145
|
+
"default": "'baseline'",
|
|
30146
|
+
"fieldName": "['vertical-align']",
|
|
30147
|
+
"inheritedFrom": {
|
|
30148
|
+
"name": "StackingIcons",
|
|
30149
|
+
"module": "src/stacking-icons/stacking-icons.ts"
|
|
30150
|
+
}
|
|
30151
|
+
}
|
|
30152
|
+
],
|
|
30153
|
+
"members": [
|
|
30154
|
+
{
|
|
30155
|
+
"kind": "field",
|
|
30156
|
+
"name": "size",
|
|
30157
|
+
"type": {
|
|
30158
|
+
"text": "StackingIconsSize"
|
|
30159
|
+
},
|
|
30160
|
+
"default": "faSizeValueDefault",
|
|
30161
|
+
"inheritedFrom": {
|
|
30162
|
+
"name": "StackingIcons",
|
|
30163
|
+
"module": "src/stacking-icons/stacking-icons.ts"
|
|
30164
|
+
}
|
|
30165
|
+
},
|
|
30166
|
+
{
|
|
30167
|
+
"kind": "field",
|
|
30168
|
+
"name": "['vertical-align']",
|
|
30169
|
+
"type": {
|
|
30170
|
+
"text": "VerticalAlign"
|
|
30171
|
+
},
|
|
30172
|
+
"default": "'baseline'",
|
|
30173
|
+
"inheritedFrom": {
|
|
30174
|
+
"name": "StackingIcons",
|
|
30175
|
+
"module": "src/stacking-icons/stacking-icons.ts"
|
|
30176
|
+
}
|
|
30177
|
+
},
|
|
30178
|
+
{
|
|
30179
|
+
"kind": "field",
|
|
30180
|
+
"name": "_presentation",
|
|
30181
|
+
"type": {
|
|
30182
|
+
"text": "ComponentPresentation | null | undefined"
|
|
30183
|
+
},
|
|
30184
|
+
"privacy": "private",
|
|
30185
|
+
"default": "void 0",
|
|
30186
|
+
"inheritedFrom": {
|
|
30187
|
+
"name": "FoundationElement",
|
|
30188
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
30189
|
+
}
|
|
30190
|
+
},
|
|
30191
|
+
{
|
|
30192
|
+
"kind": "field",
|
|
30193
|
+
"name": "$presentation",
|
|
30194
|
+
"type": {
|
|
30195
|
+
"text": "ComponentPresentation | null"
|
|
30196
|
+
},
|
|
30197
|
+
"privacy": "public",
|
|
30198
|
+
"description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
|
|
30199
|
+
"inheritedFrom": {
|
|
30200
|
+
"name": "FoundationElement",
|
|
30201
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
30202
|
+
}
|
|
30203
|
+
},
|
|
30204
|
+
{
|
|
30205
|
+
"kind": "field",
|
|
30206
|
+
"name": "template",
|
|
30207
|
+
"type": {
|
|
30208
|
+
"text": "ElementViewTemplate | void | null"
|
|
30209
|
+
},
|
|
30210
|
+
"privacy": "public",
|
|
30211
|
+
"description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
|
|
30212
|
+
"inheritedFrom": {
|
|
30213
|
+
"name": "FoundationElement",
|
|
30214
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
30215
|
+
}
|
|
30216
|
+
},
|
|
30217
|
+
{
|
|
30218
|
+
"kind": "method",
|
|
30219
|
+
"name": "templateChanged",
|
|
30220
|
+
"privacy": "protected",
|
|
30221
|
+
"return": {
|
|
30222
|
+
"type": {
|
|
30223
|
+
"text": "void"
|
|
30224
|
+
}
|
|
30225
|
+
},
|
|
30226
|
+
"inheritedFrom": {
|
|
30227
|
+
"name": "FoundationElement",
|
|
30228
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
30229
|
+
}
|
|
30230
|
+
},
|
|
30231
|
+
{
|
|
30232
|
+
"kind": "field",
|
|
30233
|
+
"name": "styles",
|
|
30234
|
+
"type": {
|
|
30235
|
+
"text": "ElementStyles | void | null"
|
|
30236
|
+
},
|
|
30237
|
+
"privacy": "public",
|
|
30238
|
+
"description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
|
|
30239
|
+
"inheritedFrom": {
|
|
30240
|
+
"name": "FoundationElement",
|
|
30241
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
30242
|
+
}
|
|
30243
|
+
},
|
|
30244
|
+
{
|
|
30245
|
+
"kind": "method",
|
|
30246
|
+
"name": "stylesChanged",
|
|
30247
|
+
"privacy": "protected",
|
|
30248
|
+
"return": {
|
|
30249
|
+
"type": {
|
|
30250
|
+
"text": "void"
|
|
30251
|
+
}
|
|
30252
|
+
},
|
|
30253
|
+
"inheritedFrom": {
|
|
30254
|
+
"name": "FoundationElement",
|
|
30255
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
30256
|
+
}
|
|
30257
|
+
},
|
|
30258
|
+
{
|
|
30259
|
+
"kind": "method",
|
|
30260
|
+
"name": "compose",
|
|
30261
|
+
"privacy": "public",
|
|
30262
|
+
"static": true,
|
|
30263
|
+
"return": {
|
|
30264
|
+
"type": {
|
|
30265
|
+
"text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
|
|
30266
|
+
}
|
|
30267
|
+
},
|
|
30268
|
+
"parameters": [
|
|
30269
|
+
{
|
|
30270
|
+
"name": "this",
|
|
30271
|
+
"type": {
|
|
30272
|
+
"text": "K"
|
|
30273
|
+
}
|
|
30274
|
+
},
|
|
30275
|
+
{
|
|
30276
|
+
"name": "elementDefinition",
|
|
30277
|
+
"type": {
|
|
30278
|
+
"text": "T"
|
|
30279
|
+
},
|
|
30280
|
+
"description": "The definition of the element to create the registry\nfunction for."
|
|
30281
|
+
}
|
|
30282
|
+
],
|
|
30283
|
+
"description": "Defines an element registry function with a set of element definition defaults.",
|
|
30284
|
+
"inheritedFrom": {
|
|
30285
|
+
"name": "FoundationElement",
|
|
30286
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
30287
|
+
}
|
|
30288
|
+
}
|
|
30289
|
+
]
|
|
30290
|
+
},
|
|
30291
|
+
{
|
|
30292
|
+
"kind": "variable",
|
|
30293
|
+
"name": "zeroStackingIcons"
|
|
30294
|
+
}
|
|
30295
|
+
],
|
|
30296
|
+
"exports": [
|
|
30297
|
+
{
|
|
30298
|
+
"kind": "js",
|
|
30299
|
+
"name": "StackingIcons",
|
|
30300
|
+
"declaration": {
|
|
30301
|
+
"name": "StackingIcons",
|
|
30302
|
+
"module": "src/stacking-icons/stacking-icons.ts"
|
|
30303
|
+
}
|
|
30304
|
+
},
|
|
30305
|
+
{
|
|
30306
|
+
"kind": "js",
|
|
30307
|
+
"name": "zeroStackingIcons",
|
|
30308
|
+
"declaration": {
|
|
30309
|
+
"name": "zeroStackingIcons",
|
|
30310
|
+
"module": "src/stacking-icons/stacking-icons.ts"
|
|
30311
|
+
}
|
|
30312
|
+
}
|
|
30313
|
+
]
|
|
30314
|
+
},
|
|
30000
30315
|
{
|
|
30001
30316
|
"kind": "javascript-module",
|
|
30002
30317
|
"path": "src/stepper/index.ts",
|
|
@@ -236,6 +236,7 @@ export declare const baseComponents: {
|
|
|
236
236
|
styles: import("@microsoft/fast-element").ElementStyles;
|
|
237
237
|
template: import("@microsoft/fast-element").ViewTemplate<import("./snackbar").Snackbar, any>;
|
|
238
238
|
}, typeof import("./snackbar").Snackbar>;
|
|
239
|
+
zeroStackingIcons: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./stacking-icons").StackingIcons>;
|
|
239
240
|
zeroStepper: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
|
|
240
241
|
baseName: string;
|
|
241
242
|
template: import("@microsoft/fast-element").ViewTemplate<import("./stepper").Stepper, any>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AA4E5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBA2EJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}
|
package/dist/dts/index.d.ts
CHANGED
package/dist/dts/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AAE/C,eAAO,MAAM,wBAAwB,yDAAuD,CAAC;AAE7F,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AAE/C,eAAO,MAAM,wBAAwB,yDAAuD,CAAC;AAE7F,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/stacking-icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { StackingIcons as FoundationStackingIcons } from '@genesislcap/foundation-ui';
|
|
2
|
+
/**
|
|
3
|
+
* @tagname %%prefix%%-stacking-icons
|
|
4
|
+
*/
|
|
5
|
+
export declare class StackingIcons extends FoundationStackingIcons {
|
|
6
|
+
}
|
|
7
|
+
export declare const zeroStackingIcons: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof StackingIcons>;
|
|
8
|
+
//# sourceMappingURL=stacking-icons.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stacking-icons.d.ts","sourceRoot":"","sources":["../../../src/stacking-icons/stacking-icons.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,IAAI,uBAAuB,EAEzC,MAAM,4BAA4B,CAAC;AAGpC;;GAEG;AACH,qBAAa,aAAc,SAAQ,uBAAuB;CAAG;AAE7D,eAAO,MAAM,iBAAiB,6TAI5B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stacking-icons.stories.d.ts","sourceRoot":"","sources":["../../../src/stacking-icons/stacking-icons.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAcpB,eAAO,MAAM,YAAY,EAAE,QA2C1B,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { ElementStyles } from '@microsoft/fast-element';
|
|
2
|
+
import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
+
export declare const zeroStackingIconsStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
|
|
4
|
+
//# sourceMappingURL=stacking-icons.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stacking-icons.styles.d.ts","sourceRoot":"","sources":["../../../src/stacking-icons/stacking-icons.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,uBAAuB,YACzB,wBAAwB,cACrB,2BAA2B,KACtC,aAEF,CAAC"}
|
|
@@ -57,6 +57,7 @@ import { zeroSkeleton } from './skeleton';
|
|
|
57
57
|
import { zeroSlider } from './slider';
|
|
58
58
|
import { zeroSliderLabel } from './slider-label';
|
|
59
59
|
import { zeroSnackbar } from './snackbar';
|
|
60
|
+
import { zeroStackingIcons } from './stacking-icons';
|
|
60
61
|
import { zeroStepper } from './stepper';
|
|
61
62
|
import { zeroStepperTab } from './stepper-tab';
|
|
62
63
|
import { zeroStepperTabPanel } from './stepper-tab-panel';
|
|
@@ -131,6 +132,7 @@ export const baseComponents = {
|
|
|
131
132
|
zeroSlider,
|
|
132
133
|
zeroSliderLabel,
|
|
133
134
|
zeroSnackbar,
|
|
135
|
+
zeroStackingIcons,
|
|
134
136
|
zeroStepper,
|
|
135
137
|
zeroStepperTab,
|
|
136
138
|
zeroStepperTabPanel,
|
package/dist/esm/index.js
CHANGED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { StackingIcons as FoundationStackingIcons, foundationStackingIconsTemplate as template, } from '@genesislcap/foundation-ui';
|
|
2
|
+
import { zeroStackingIconsStyles as styles } from './stacking-icons.styles';
|
|
3
|
+
/**
|
|
4
|
+
* @tagname %%prefix%%-stacking-icons
|
|
5
|
+
*/
|
|
6
|
+
export class StackingIcons extends FoundationStackingIcons {
|
|
7
|
+
}
|
|
8
|
+
export const zeroStackingIcons = StackingIcons.compose({
|
|
9
|
+
baseName: 'stacking-icons',
|
|
10
|
+
template,
|
|
11
|
+
styles,
|
|
12
|
+
});
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { faSizeValues } from '@genesislcap/foundation-ui';
|
|
2
|
+
import { html } from 'lit-html';
|
|
3
|
+
const meta = {
|
|
4
|
+
title: 'Stacking Icons',
|
|
5
|
+
component: 'zero-stacking-icons',
|
|
6
|
+
};
|
|
7
|
+
export default meta;
|
|
8
|
+
const iconSizeArgTypes = {
|
|
9
|
+
control: 'select',
|
|
10
|
+
options: ['stack-1x', 'stack-2x'],
|
|
11
|
+
description: 'Select size for the icon',
|
|
12
|
+
};
|
|
13
|
+
const iconVariantArgTypes = {
|
|
14
|
+
control: 'select',
|
|
15
|
+
options: ['regular', 'solid', 'brand'],
|
|
16
|
+
description: 'Select variant for the icon',
|
|
17
|
+
};
|
|
18
|
+
export const Configurable = {
|
|
19
|
+
argTypes: {
|
|
20
|
+
size: {
|
|
21
|
+
control: 'select',
|
|
22
|
+
options: faSizeValues,
|
|
23
|
+
description: 'Select size for the stacking icons',
|
|
24
|
+
},
|
|
25
|
+
firstIconSize: iconSizeArgTypes,
|
|
26
|
+
firstIconVariant: iconVariantArgTypes,
|
|
27
|
+
secondIconSize: iconSizeArgTypes,
|
|
28
|
+
secondIconVariant: iconVariantArgTypes,
|
|
29
|
+
},
|
|
30
|
+
args: {
|
|
31
|
+
size: '1x',
|
|
32
|
+
firstIconName: 'circle',
|
|
33
|
+
firstIconSize: 'stack-2x',
|
|
34
|
+
firstIconVariant: 'regular',
|
|
35
|
+
secondIconName: 'flag',
|
|
36
|
+
secondIconSize: 'stack-1x',
|
|
37
|
+
secondIconVariant: 'solid',
|
|
38
|
+
},
|
|
39
|
+
render: ({ size, firstIconName, firstIconSize, firstIconVariant, secondIconName, secondIconSize, secondIconVariant, }) => html `
|
|
40
|
+
<zero-stacking-icons size="${size}" style="color:#FFFFFF">
|
|
41
|
+
<zero-icon
|
|
42
|
+
name="${firstIconName}"
|
|
43
|
+
size="${firstIconSize}"
|
|
44
|
+
variant="${firstIconVariant}"
|
|
45
|
+
></zero-icon>
|
|
46
|
+
<zero-icon
|
|
47
|
+
name="${secondIconName}"
|
|
48
|
+
size="${secondIconSize}"
|
|
49
|
+
variant="${secondIconVariant}"
|
|
50
|
+
></zero-icon>
|
|
51
|
+
</zero-stacking-icons>
|
|
52
|
+
`,
|
|
53
|
+
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/foundation-zero",
|
|
3
3
|
"description": "Genesis Foundation Zero Design System",
|
|
4
|
-
"version": "14.
|
|
4
|
+
"version": "14.156.0",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -67,12 +67,12 @@
|
|
|
67
67
|
},
|
|
68
68
|
"devDependencies": {
|
|
69
69
|
"@genesiscommunitysuccess/analyzer-import-alias-plugin": "^4.0.0",
|
|
70
|
-
"@genesislcap/genx": "14.
|
|
71
|
-
"@genesislcap/rollup-builder": "14.
|
|
72
|
-
"@genesislcap/ts-builder": "14.
|
|
73
|
-
"@genesislcap/uvu-playwright-builder": "14.
|
|
74
|
-
"@genesislcap/vite-builder": "14.
|
|
75
|
-
"@genesislcap/webpack-builder": "14.
|
|
70
|
+
"@genesislcap/genx": "14.156.0",
|
|
71
|
+
"@genesislcap/rollup-builder": "14.156.0",
|
|
72
|
+
"@genesislcap/ts-builder": "14.156.0",
|
|
73
|
+
"@genesislcap/uvu-playwright-builder": "14.156.0",
|
|
74
|
+
"@genesislcap/vite-builder": "14.156.0",
|
|
75
|
+
"@genesislcap/webpack-builder": "14.156.0",
|
|
76
76
|
"@storybook/addon-coverage": "^1.0.0",
|
|
77
77
|
"@storybook/addon-essentials": "^7.6.7",
|
|
78
78
|
"@storybook/addon-links": "^7.6.7",
|
|
@@ -89,10 +89,10 @@
|
|
|
89
89
|
"storybook": "^7.6.7"
|
|
90
90
|
},
|
|
91
91
|
"dependencies": {
|
|
92
|
-
"@genesislcap/foundation-comms": "14.
|
|
93
|
-
"@genesislcap/foundation-logger": "14.
|
|
94
|
-
"@genesislcap/foundation-ui": "14.
|
|
95
|
-
"@genesislcap/foundation-utils": "14.
|
|
92
|
+
"@genesislcap/foundation-comms": "14.156.0",
|
|
93
|
+
"@genesislcap/foundation-logger": "14.156.0",
|
|
94
|
+
"@genesislcap/foundation-ui": "14.156.0",
|
|
95
|
+
"@genesislcap/foundation-utils": "14.156.0",
|
|
96
96
|
"@microsoft/fast-colors": "^5.3.1",
|
|
97
97
|
"@microsoft/fast-components": "^2.30.6",
|
|
98
98
|
"@microsoft/fast-element": "^1.12.0",
|
|
@@ -109,5 +109,5 @@
|
|
|
109
109
|
"access": "public"
|
|
110
110
|
},
|
|
111
111
|
"customElements": "dist/custom-elements.json",
|
|
112
|
-
"gitHead": "
|
|
112
|
+
"gitHead": "248a54e595ec2ce241cb9ea5878092a5fec18fb1"
|
|
113
113
|
}
|