@genesislcap/rapid-design-system 14.389.0 → 14.390.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.
@@ -943,6 +943,154 @@
943
943
  }
944
944
  ]
945
945
  },
946
+ {
947
+ "kind": "javascript-module",
948
+ "path": "src/accordion-item/accordion-item.styles.ts",
949
+ "declarations": [
950
+ {
951
+ "kind": "function",
952
+ "name": "rapidAccordionItemStyles",
953
+ "return": {
954
+ "type": {
955
+ "text": "ElementStyles"
956
+ }
957
+ },
958
+ "parameters": [
959
+ {
960
+ "name": "context",
961
+ "type": {
962
+ "text": "ElementDefinitionContext"
963
+ }
964
+ },
965
+ {
966
+ "name": "definition",
967
+ "type": {
968
+ "text": "FoundationElementDefinition"
969
+ }
970
+ }
971
+ ]
972
+ }
973
+ ],
974
+ "exports": [
975
+ {
976
+ "kind": "js",
977
+ "name": "rapidAccordionItemStyles",
978
+ "declaration": {
979
+ "name": "rapidAccordionItemStyles",
980
+ "module": "src/accordion-item/accordion-item.styles.ts"
981
+ }
982
+ }
983
+ ]
984
+ },
985
+ {
986
+ "kind": "javascript-module",
987
+ "path": "src/accordion-item/accordion-item.template.ts",
988
+ "declarations": [
989
+ {
990
+ "kind": "function",
991
+ "name": "rapidAccordionItemTemplate",
992
+ "return": {
993
+ "type": {
994
+ "text": "ViewTemplate<AccordionItem>"
995
+ }
996
+ },
997
+ "parameters": [
998
+ {
999
+ "name": "context",
1000
+ "type": {
1001
+ "text": "ElementDefinitionContext"
1002
+ }
1003
+ },
1004
+ {
1005
+ "name": "definition",
1006
+ "type": {
1007
+ "text": "FoundationElementDefinition"
1008
+ }
1009
+ }
1010
+ ]
1011
+ }
1012
+ ],
1013
+ "exports": [
1014
+ {
1015
+ "kind": "js",
1016
+ "name": "rapidAccordionItemTemplate",
1017
+ "declaration": {
1018
+ "name": "rapidAccordionItemTemplate",
1019
+ "module": "src/accordion-item/accordion-item.template.ts"
1020
+ }
1021
+ }
1022
+ ]
1023
+ },
1024
+ {
1025
+ "kind": "javascript-module",
1026
+ "path": "src/accordion-item/accordion-item.ts",
1027
+ "declarations": [
1028
+ {
1029
+ "kind": "class",
1030
+ "description": "",
1031
+ "name": "AccordionItem",
1032
+ "superclass": {
1033
+ "name": "foundationAccordionItem",
1034
+ "package": "@genesislcap/foundation-ui"
1035
+ },
1036
+ "tagName": "%%prefix%%-accordion-item",
1037
+ "customElement": true
1038
+ },
1039
+ {
1040
+ "kind": "variable",
1041
+ "name": "rapidAccordionItem"
1042
+ }
1043
+ ],
1044
+ "exports": [
1045
+ {
1046
+ "kind": "js",
1047
+ "name": "AccordionItem",
1048
+ "declaration": {
1049
+ "name": "AccordionItem",
1050
+ "module": "src/accordion-item/accordion-item.ts"
1051
+ }
1052
+ },
1053
+ {
1054
+ "kind": "js",
1055
+ "name": "rapidAccordionItem",
1056
+ "declaration": {
1057
+ "name": "rapidAccordionItem",
1058
+ "module": "src/accordion-item/accordion-item.ts"
1059
+ }
1060
+ }
1061
+ ]
1062
+ },
1063
+ {
1064
+ "kind": "javascript-module",
1065
+ "path": "src/accordion-item/index.ts",
1066
+ "declarations": [],
1067
+ "exports": [
1068
+ {
1069
+ "kind": "js",
1070
+ "name": "*",
1071
+ "declaration": {
1072
+ "name": "*",
1073
+ "package": "./accordion-item"
1074
+ }
1075
+ },
1076
+ {
1077
+ "kind": "js",
1078
+ "name": "*",
1079
+ "declaration": {
1080
+ "name": "*",
1081
+ "package": "./accordion-item.styles"
1082
+ }
1083
+ },
1084
+ {
1085
+ "kind": "js",
1086
+ "name": "*",
1087
+ "declaration": {
1088
+ "name": "*",
1089
+ "package": "./accordion-item.template"
1090
+ }
1091
+ }
1092
+ ]
1093
+ },
946
1094
  {
947
1095
  "kind": "javascript-module",
948
1096
  "path": "src/actions-menu/actions-menu.styles.ts",
@@ -1515,154 +1663,6 @@
1515
1663
  }
1516
1664
  ]
1517
1665
  },
1518
- {
1519
- "kind": "javascript-module",
1520
- "path": "src/accordion-item/accordion-item.styles.ts",
1521
- "declarations": [
1522
- {
1523
- "kind": "function",
1524
- "name": "rapidAccordionItemStyles",
1525
- "return": {
1526
- "type": {
1527
- "text": "ElementStyles"
1528
- }
1529
- },
1530
- "parameters": [
1531
- {
1532
- "name": "context",
1533
- "type": {
1534
- "text": "ElementDefinitionContext"
1535
- }
1536
- },
1537
- {
1538
- "name": "definition",
1539
- "type": {
1540
- "text": "FoundationElementDefinition"
1541
- }
1542
- }
1543
- ]
1544
- }
1545
- ],
1546
- "exports": [
1547
- {
1548
- "kind": "js",
1549
- "name": "rapidAccordionItemStyles",
1550
- "declaration": {
1551
- "name": "rapidAccordionItemStyles",
1552
- "module": "src/accordion-item/accordion-item.styles.ts"
1553
- }
1554
- }
1555
- ]
1556
- },
1557
- {
1558
- "kind": "javascript-module",
1559
- "path": "src/accordion-item/accordion-item.template.ts",
1560
- "declarations": [
1561
- {
1562
- "kind": "function",
1563
- "name": "rapidAccordionItemTemplate",
1564
- "return": {
1565
- "type": {
1566
- "text": "ViewTemplate<AccordionItem>"
1567
- }
1568
- },
1569
- "parameters": [
1570
- {
1571
- "name": "context",
1572
- "type": {
1573
- "text": "ElementDefinitionContext"
1574
- }
1575
- },
1576
- {
1577
- "name": "definition",
1578
- "type": {
1579
- "text": "FoundationElementDefinition"
1580
- }
1581
- }
1582
- ]
1583
- }
1584
- ],
1585
- "exports": [
1586
- {
1587
- "kind": "js",
1588
- "name": "rapidAccordionItemTemplate",
1589
- "declaration": {
1590
- "name": "rapidAccordionItemTemplate",
1591
- "module": "src/accordion-item/accordion-item.template.ts"
1592
- }
1593
- }
1594
- ]
1595
- },
1596
- {
1597
- "kind": "javascript-module",
1598
- "path": "src/accordion-item/accordion-item.ts",
1599
- "declarations": [
1600
- {
1601
- "kind": "class",
1602
- "description": "",
1603
- "name": "AccordionItem",
1604
- "superclass": {
1605
- "name": "foundationAccordionItem",
1606
- "package": "@genesislcap/foundation-ui"
1607
- },
1608
- "tagName": "%%prefix%%-accordion-item",
1609
- "customElement": true
1610
- },
1611
- {
1612
- "kind": "variable",
1613
- "name": "rapidAccordionItem"
1614
- }
1615
- ],
1616
- "exports": [
1617
- {
1618
- "kind": "js",
1619
- "name": "AccordionItem",
1620
- "declaration": {
1621
- "name": "AccordionItem",
1622
- "module": "src/accordion-item/accordion-item.ts"
1623
- }
1624
- },
1625
- {
1626
- "kind": "js",
1627
- "name": "rapidAccordionItem",
1628
- "declaration": {
1629
- "name": "rapidAccordionItem",
1630
- "module": "src/accordion-item/accordion-item.ts"
1631
- }
1632
- }
1633
- ]
1634
- },
1635
- {
1636
- "kind": "javascript-module",
1637
- "path": "src/accordion-item/index.ts",
1638
- "declarations": [],
1639
- "exports": [
1640
- {
1641
- "kind": "js",
1642
- "name": "*",
1643
- "declaration": {
1644
- "name": "*",
1645
- "package": "./accordion-item"
1646
- }
1647
- },
1648
- {
1649
- "kind": "js",
1650
- "name": "*",
1651
- "declaration": {
1652
- "name": "*",
1653
- "package": "./accordion-item.styles"
1654
- }
1655
- },
1656
- {
1657
- "kind": "js",
1658
- "name": "*",
1659
- "declaration": {
1660
- "name": "*",
1661
- "package": "./accordion-item.template"
1662
- }
1663
- }
1664
- ]
1665
- },
1666
1666
  {
1667
1667
  "kind": "javascript-module",
1668
1668
  "path": "src/anchor/anchor.styles.ts",
@@ -19764,7 +19764,7 @@
19764
19764
  {
19765
19765
  "kind": "variable",
19766
19766
  "name": "multiselectStyles",
19767
- "default": "css`\n ${foundationMultiselectStyles}\n\n .control {\n height: calc(\n (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px\n );\n min-height: 0;\n outline: none;\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);\n background-color: color-mix(in srgb, var(--neutral-fill-input-rest), transparent 94%);\n color: var(--neutral-foreground-rest);\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n font-family: var(--body-font);\n box-sizing: border-box;\n }\n\n .control:focus {\n outline: none;\n border: calc(var(--stroke-width) * 1px) solid var(--accent-fill-rest);\n background-color: var(--neutral-layer-4);\n }\n\n .control:hover:not(:focus):not([disabled]) {\n outline: none;\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-hover);\n }\n\n #display-field {\n min-height: unset;\n padding: 0 calc((var(--design-unit) - 2) * 1px) 0 calc(var(--design-unit) * 2px);\n font-family: var(--body-font);\n background-color: transparent;\n }\n\n #display-field:focus {\n outline: none;\n background: unset;\n }\n\n #display-field:hover:not(:focus):not([disabled]) {\n outline: none;\n }\n\n .indicator {\n width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);\n height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);\n left: calc(\n 100% -\n ((var(--base-height-multiplier) * (var(--design-unit) - 1)) + (var(--design-unit) - 2)) *\n 1px\n );\n background-color: var(--neutral-fill-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n #arrow-icon {\n width: calc(var(--design-unit) * 3.5px);\n height: calc(var(--design-unit) * 3.5px);\n fill: var(--neutral-foreground-rest);\n }\n\n .label {\n color: var(--neutral-foreground-hint);\n }\n\n .options {\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);\n overflow-x: hidden;\n }\n\n rapid-checkbox {\n border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);\n padding: calc((var(--design-unit) + 1) * 1px) 0 calc((var(--design-unit) + 1) * 1px)\n calc((var(--design-unit) + 1) * 1px);\n margin: 0;\n }\n\n rapid-checkbox:hover:not([disabled]) {\n background: var(--neutral-layer-4);\n }\n\n rapid-checkbox::part(label) {\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n rapid-checkbox[disabled] {\n cursor: not-allowed;\n }\n`"
19767
+ "default": "css`\n ${foundationMultiselectStyles}\n\n .control {\n height: calc(\n (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px\n );\n min-height: 0;\n outline: none;\n border-style: solid;\n border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);\n border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));\n background-color: var(--neutral-fill-input-rest);\n color: var(--neutral-foreground-rest);\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n font-family: var(--body-font);\n box-sizing: border-box;\n }\n\n :host(:focus-within:not([disabled])) .control {\n outline: none;\n border-style: solid;\n border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);\n border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));\n background-color: var(--neutral-fill-input-focus);\n }\n\n .control:hover:not(:focus):not([disabled]) {\n outline: none;\n border-style: solid;\n border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);\n border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));\n background: var(--neutral-fill-input-hover);\n }\n\n #display-field {\n min-height: unset;\n padding: 0 calc((var(--design-unit) - 2) * 1px) 0 calc(var(--design-unit) * 2px);\n font-family: var(--body-font);\n background-color: transparent;\n }\n\n #display-field:focus {\n outline: none;\n background: unset;\n }\n\n #display-field:hover:not(:focus):not([disabled]) {\n outline: none;\n }\n\n .indicator {\n width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);\n height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);\n left: calc(\n 100% -\n ((var(--base-height-multiplier) * (var(--design-unit) - 1)) + (var(--design-unit) - 2)) *\n 1px\n );\n background-color: var(--dropdown-indicator-background, var(--neutral-fill-rest));\n border-radius: calc(var(--control-corner-radius) * 1px);\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n #arrow-icon {\n width: calc(var(--design-unit) * 3.5px);\n height: calc(var(--design-unit) * 3.5px);\n fill: var(--neutral-foreground-rest);\n }\n\n .label {\n color: var(--neutral-foreground-hint);\n }\n\n .options {\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);\n overflow-x: hidden;\n }\n\n rapid-checkbox {\n border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);\n padding: calc((var(--design-unit) + 1) * 1px) 0 calc((var(--design-unit) + 1) * 1px)\n calc((var(--design-unit) + 1) * 1px);\n margin: 0;\n }\n\n rapid-checkbox:hover:not([disabled]) {\n background: var(--neutral-layer-4);\n }\n\n rapid-checkbox::part(label) {\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n rapid-checkbox[disabled] {\n cursor: not-allowed;\n }\n`"
19768
19768
  }
19769
19769
  ],
19770
19770
  "exports": [
@@ -39673,7 +39673,7 @@
39673
39673
  "type": {
39674
39674
  "text": "number"
39675
39675
  },
39676
- "default": "0"
39676
+ "default": "5"
39677
39677
  },
39678
39678
  {
39679
39679
  "kind": "variable",
@@ -39689,7 +39689,7 @@
39689
39689
  "type": {
39690
39690
  "text": "number"
39691
39691
  },
39692
- "default": "0"
39692
+ "default": "10"
39693
39693
  },
39694
39694
  {
39695
39695
  "kind": "variable",
@@ -14,9 +14,9 @@ export declare const neutralFillHoverDeltaValue = 10;
14
14
  export declare const neutralFillActiveDeltaValue = 5;
15
15
  export declare const neutralFillFocusDeltaValue = 0;
16
16
  export declare const neutralFillInputRestDeltaValue = 0;
17
- export declare const neutralFillInputHoverDeltaValue = 0;
17
+ export declare const neutralFillInputHoverDeltaValue = 5;
18
18
  export declare const neutralFillInputActiveDeltaValue = 0;
19
- export declare const neutralFillInputFocusDeltaValue = 0;
19
+ export declare const neutralFillInputFocusDeltaValue = 10;
20
20
  export declare const neutralFillStealthRestDeltaValue = 0;
21
21
  export declare const neutralFillStealthHoverDeltaValue = 5;
22
22
  export declare const neutralFillStealthActiveDeltaValue = 3;
@@ -1 +1 @@
1
- {"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../src/_config/values/color.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,kBAAkB,iDAAmC,CAAC;AACnE,eAAO,MAAM,mBAAmB,iDAAmC,CAAC;AAEpE,eAAO,MAAM,uBAAuB,MAA6B,CAAC;AAElE,eAAO,MAAM,wBAAwB,IAAI,CAAC;AAC1C,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAC3C,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAC7C,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAE3C,eAAO,MAAM,8BAA8B,IAAI,CAAC;AAChD,eAAO,MAAM,+BAA+B,IAAI,CAAC;AACjD,eAAO,MAAM,gCAAgC,KAAK,CAAC;AACnD,eAAO,MAAM,+BAA+B,IAAI,CAAC;AAEjD,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAC3C,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAC7C,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAC7C,eAAO,MAAM,0BAA0B,IAAI,CAAC;AAE5C,eAAO,MAAM,8BAA8B,IAAI,CAAC;AAChD,eAAO,MAAM,+BAA+B,IAAI,CAAC;AACjD,eAAO,MAAM,gCAAgC,IAAI,CAAC;AAClD,eAAO,MAAM,+BAA+B,IAAI,CAAC;AAEjD,eAAO,MAAM,gCAAgC,IAAI,CAAC;AAClD,eAAO,MAAM,iCAAiC,IAAI,CAAC;AACnD,eAAO,MAAM,kCAAkC,IAAI,CAAC;AACpD,eAAO,MAAM,iCAAiC,IAAI,CAAC;AAEnD,eAAO,MAAM,+BAA+B,IAAI,CAAC;AACjD,eAAO,MAAM,gCAAgC,IAAI,CAAC;AAClD,eAAO,MAAM,iCAAiC,KAAK,CAAC;AACpD,eAAO,MAAM,gCAAgC,IAAI,CAAC;AAElD,eAAO,MAAM,8BAA8B,IAAI,CAAC;AAEhD,eAAO,MAAM,2BAA2B,KAAK,CAAC;AAC9C,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAC/C,eAAO,MAAM,6BAA6B,KAAK,CAAC;AAChD,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAE/C,eAAO,MAAM,kCAAkC,IAAI,CAAC"}
1
+ {"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../src/_config/values/color.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,kBAAkB,iDAAmC,CAAC;AACnE,eAAO,MAAM,mBAAmB,iDAAmC,CAAC;AAEpE,eAAO,MAAM,uBAAuB,MAA6B,CAAC;AAElE,eAAO,MAAM,wBAAwB,IAAI,CAAC;AAC1C,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAC3C,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAC7C,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAE3C,eAAO,MAAM,8BAA8B,IAAI,CAAC;AAChD,eAAO,MAAM,+BAA+B,IAAI,CAAC;AACjD,eAAO,MAAM,gCAAgC,KAAK,CAAC;AACnD,eAAO,MAAM,+BAA+B,IAAI,CAAC;AAEjD,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAC3C,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAC7C,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAC7C,eAAO,MAAM,0BAA0B,IAAI,CAAC;AAE5C,eAAO,MAAM,8BAA8B,IAAI,CAAC;AAChD,eAAO,MAAM,+BAA+B,IAAI,CAAC;AACjD,eAAO,MAAM,gCAAgC,IAAI,CAAC;AAClD,eAAO,MAAM,+BAA+B,KAAK,CAAC;AAElD,eAAO,MAAM,gCAAgC,IAAI,CAAC;AAClD,eAAO,MAAM,iCAAiC,IAAI,CAAC;AACnD,eAAO,MAAM,kCAAkC,IAAI,CAAC;AACpD,eAAO,MAAM,iCAAiC,IAAI,CAAC;AAEnD,eAAO,MAAM,+BAA+B,IAAI,CAAC;AACjD,eAAO,MAAM,gCAAgC,IAAI,CAAC;AAClD,eAAO,MAAM,iCAAiC,KAAK,CAAC;AACpD,eAAO,MAAM,gCAAgC,IAAI,CAAC;AAElD,eAAO,MAAM,8BAA8B,IAAI,CAAC;AAEhD,eAAO,MAAM,2BAA2B,KAAK,CAAC;AAC9C,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAC/C,eAAO,MAAM,6BAA6B,KAAK,CAAC;AAChD,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAE/C,eAAO,MAAM,kCAAkC,IAAI,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"combobox.styles.d.ts","sourceRoot":"","sources":["../../../src/combobox/combobox.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,mBAAmB,GAC9B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAyEF,CAAC"}
1
+ {"version":3,"file":"combobox.styles.d.ts","sourceRoot":"","sources":["../../../src/combobox/combobox.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,mBAAmB,GAC9B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aA+EF,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"multiselect.styles.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,iDA+F7B,CAAC"}
1
+ {"version":3,"file":"multiselect.styles.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,iDAsG7B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"number-field.styles.d.ts","sourceRoot":"","sources":["../../../src/number-field/number-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,sBAAsB,GACjC,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aA2FF,CAAC"}
1
+ {"version":3,"file":"number-field.styles.d.ts","sourceRoot":"","sources":["../../../src/number-field/number-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,sBAAsB,GACjC,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aA+FF,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"search-bar-combobox.styles.d.ts","sourceRoot":"","sources":["../../../src/search-bar/search-bar-combobox.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,4BAA4B,GACvC,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aA+BF,CAAC"}
1
+ {"version":3,"file":"search-bar-combobox.styles.d.ts","sourceRoot":"","sources":["../../../src/search-bar/search-bar-combobox.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,4BAA4B,GACvC,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAqCF,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"select.styles.d.ts","sourceRoot":"","sources":["../../../src/select/select.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,iBAAiB,GAC5B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aA0EF,CAAC"}
1
+ {"version":3,"file":"select.styles.d.ts","sourceRoot":"","sources":["../../../src/select/select.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,iBAAiB,GAC5B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAgFF,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"text-area.styles.d.ts","sourceRoot":"","sources":["../../../src/text-area/text-area.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,mBAAmB,GAC9B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAiCF,CAAC"}
1
+ {"version":3,"file":"text-area.styles.d.ts","sourceRoot":"","sources":["../../../src/text-area/text-area.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,mBAAmB,GAC9B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAuCF,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"text-field.styles.d.ts","sourceRoot":"","sources":["../../../src/text-field/text-field.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,oBAAoB,GAC/B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAgDF,CAAC"}
1
+ {"version":3,"file":"text-field.styles.d.ts","sourceRoot":"","sources":["../../../src/text-field/text-field.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,oBAAoB,GAC/B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAuDF,CAAC"}
@@ -17,9 +17,9 @@ export const neutralFillHoverDeltaValue = 10;
17
17
  export const neutralFillActiveDeltaValue = 5;
18
18
  export const neutralFillFocusDeltaValue = 0;
19
19
  export const neutralFillInputRestDeltaValue = 0;
20
- export const neutralFillInputHoverDeltaValue = 0;
20
+ export const neutralFillInputHoverDeltaValue = 5;
21
21
  export const neutralFillInputActiveDeltaValue = 0;
22
- export const neutralFillInputFocusDeltaValue = 0;
22
+ export const neutralFillInputFocusDeltaValue = 10;
23
23
  export const neutralFillStealthRestDeltaValue = 0;
24
24
  export const neutralFillStealthHoverDeltaValue = 5;
25
25
  export const neutralFillStealthActiveDeltaValue = 3;
@@ -4,21 +4,27 @@ import { css } from '@microsoft/fast-element';
4
4
  export const rapidComboboxStyles = (context, definition) => css `
5
5
  ${foundationComboboxStyles(context, definition)}
6
6
  :host {
7
- border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
8
- background-color: color-mix(in srgb, var(--neutral-fill-input-rest), transparent 94%);
7
+ border-style: solid;
8
+ border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);
9
+ border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));
10
+ background-color: var(--neutral-fill-input-rest);
9
11
  height: calc(
10
12
  (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px
11
13
  );
12
14
  }
13
15
 
14
16
  :host(:focus-within:not([disabled])) {
15
- background-color: var(--neutral-layer-4);
16
- border: 1px solid var(--accent-fill-rest);
17
+ border-style: solid;
18
+ border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);
19
+ border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));
20
+ background-color: var(--neutral-fill-input-focus);
17
21
  }
18
22
 
19
23
  :host(:hover:not([disabled]):not([open])) {
20
- border-color: var(--neutral-stroke-hover);
21
- background: none;
24
+ border-style: solid;
25
+ border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);
26
+ border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));
27
+ background: var(--neutral-fill-input-hover);
22
28
  }
23
29
 
24
30
  :host([open][position='below']) .listbox {
@@ -43,7 +49,7 @@ export const rapidComboboxStyles = (context, definition) => css `
43
49
  .indicator {
44
50
  width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);
45
51
  height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);
46
- background-color: var(--neutral-fill-rest);
52
+ background-color: var(--dropdown-indicator-background, var(--neutral-fill-rest));
47
53
  border-radius: calc(var(--control-corner-radius) * 1px);
48
54
  display: flex;
49
55
  justify-content: center;
@@ -9,8 +9,10 @@ export const multiselectStyles = css `
9
9
  );
10
10
  min-height: 0;
11
11
  outline: none;
12
- border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
13
- background-color: color-mix(in srgb, var(--neutral-fill-input-rest), transparent 94%);
12
+ border-style: solid;
13
+ border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);
14
+ border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));
15
+ background-color: var(--neutral-fill-input-rest);
14
16
  color: var(--neutral-foreground-rest);
15
17
  font-size: var(--type-ramp-base-font-size);
16
18
  line-height: var(--type-ramp-base-line-height);
@@ -18,15 +20,20 @@ export const multiselectStyles = css `
18
20
  box-sizing: border-box;
19
21
  }
20
22
 
21
- .control:focus {
23
+ :host(:focus-within:not([disabled])) .control {
22
24
  outline: none;
23
- border: calc(var(--stroke-width) * 1px) solid var(--accent-fill-rest);
24
- background-color: var(--neutral-layer-4);
25
+ border-style: solid;
26
+ border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);
27
+ border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));
28
+ background-color: var(--neutral-fill-input-focus);
25
29
  }
26
30
 
27
31
  .control:hover:not(:focus):not([disabled]) {
28
32
  outline: none;
29
- border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-hover);
33
+ border-style: solid;
34
+ border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);
35
+ border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));
36
+ background: var(--neutral-fill-input-hover);
30
37
  }
31
38
 
32
39
  #display-field {
@@ -53,7 +60,7 @@ export const multiselectStyles = css `
53
60
  ((var(--base-height-multiplier) * (var(--design-unit) - 1)) + (var(--design-unit) - 2)) *
54
61
  1px
55
62
  );
56
- background-color: var(--neutral-fill-rest);
63
+ background-color: var(--dropdown-indicator-background, var(--neutral-fill-rest));
57
64
  border-radius: calc(var(--control-corner-radius) * 1px);
58
65
  display: flex;
59
66
  justify-content: center;
@@ -22,28 +22,32 @@ export const rapidNumberFieldStyles = (context, definition) => css `
22
22
  }
23
23
 
24
24
  :host .root {
25
- --focus-stroke-outer: transparent;
26
-
27
25
  display: flex;
28
26
  box-sizing: border-box;
29
27
  position: relative;
30
28
  align-items: center;
31
29
  border-radius: calc(var(--control-corner-radius) * 1px);
32
- border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
33
- background-color: color-mix(in srgb, var(--neutral-fill-input-rest), transparent 94%);
30
+ border-style: solid;
31
+ border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);
32
+ border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));
33
+ background-color: var(--neutral-fill-input-rest);
34
34
  height: calc(
35
35
  (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px
36
36
  );
37
37
  }
38
38
 
39
39
  :host(:hover:not([disabled])) .root {
40
- border-color: var(--neutral-stroke-hover);
41
- background: none;
40
+ border-style: solid;
41
+ border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);
42
+ border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));
43
+ background: var(--neutral-fill-input-hover);
42
44
  }
43
45
 
44
46
  :host(:focus-within:not([disabled])) .root {
45
- background-color: var(--neutral-layer-4);
46
- border: 1px solid var(--accent-fill-rest);
47
+ border-style: solid;
48
+ border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);
49
+ border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));
50
+ background-color: var(--neutral-fill-input-focus);
47
51
  box-shadow: none;
48
52
  }
49
53
 
@@ -4,21 +4,27 @@ export const rapidSearchBarComboboxStyles = (context, definition) => css `
4
4
  ${foundationSearchBarComboboxStyles(context, definition)}
5
5
 
6
6
  :host {
7
- border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
8
- background-color: color-mix(in srgb, var(--neutral-fill-input-rest), transparent 94%);
7
+ border-style: solid;
8
+ border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);
9
+ border-color: var(--neutral-stroke-fill-rest, var(--neutral-stroke-rest));
10
+ background-color: var(--neutral-fill-input-rest);
9
11
  height: calc(
10
12
  (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px
11
13
  );
12
14
  }
13
15
 
14
16
  :host(:focus-within:not([disabled])) {
15
- background-color: var(--neutral-layer-4);
16
- border: 1px solid var(--accent-fill-rest);
17
+ border-style: solid;
18
+ border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);
19
+ border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));
20
+ background-color: var(--neutral-fill-input-focus);
17
21
  }
18
22
 
19
23
  :host(:hover:not([disabled]):not([open])) {
20
- border-color: var(--neutral-stroke-hover);
21
- background: none;
24
+ border-style: solid;
25
+ border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);
26
+ border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));
27
+ background: var(--neutral-fill-input-hover);
22
28
  }
23
29
 
24
30
  :host([open][position='below']) .listbox {
@@ -5,21 +5,27 @@ export const rapidSelectStyles = (context, definition) => css `
5
5
  ${foundationSelectStyles(context, definition)}
6
6
  :host {
7
7
  border-radius: calc(var(--control-corner-radius) * 1px);
8
- border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
9
- background-color: color-mix(in srgb, var(--neutral-fill-input-rest), transparent 94%);
8
+ border-style: solid;
9
+ border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);
10
+ border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));
11
+ background-color: var(--neutral-fill-input-rest);
10
12
  height: calc(
11
13
  (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px
12
14
  );
13
15
  }
14
16
 
15
17
  :host(:focus-within:not([disabled])) {
16
- background-color: var(--neutral-layer-4);
17
- border: 1px solid var(--accent-fill-rest);
18
+ border-style: solid;
19
+ border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);
20
+ border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));
21
+ background-color: var(--neutral-fill-input-focus);
18
22
  }
19
23
 
20
24
  :host(:hover:not([disabled]):not(.open)) {
21
- border-color: var(--neutral-stroke-hover);
22
- background: none;
25
+ border-style: solid;
26
+ border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);
27
+ border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));
28
+ background: var(--neutral-fill-input-hover);
23
29
  }
24
30
 
25
31
  :host([open][position='below']) .listbox {
@@ -40,7 +46,7 @@ export const rapidSelectStyles = (context, definition) => css `
40
46
  .indicator {
41
47
  width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);
42
48
  height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);
43
- background-color: var(--neutral-fill-rest);
49
+ background-color: var(--dropdown-indicator-background, var(--neutral-fill-rest));
44
50
  border-radius: calc(var(--control-corner-radius) * 1px);
45
51
  display: flex;
46
52
  justify-content: center;
@@ -11,20 +11,26 @@ export const rapidTextAreaStyles = (context, definition) => css `
11
11
 
12
12
  :host .control {
13
13
  height: 100%;
14
- border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
15
- background-color: color-mix(in srgb, var(--neutral-fill-input-rest), transparent 94%);
14
+ border-style: solid;
15
+ border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);
16
+ border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));
17
+ background-color: var(--neutral-fill-input-rest);
16
18
  border-radius: calc(var(--control-corner-radius) * 1px);
17
19
  padding: calc(var(--design-unit) * 2px);
18
20
  }
19
21
 
20
22
  :host(:hover:not([disabled])) .control {
21
- border-color: var(--neutral-stroke-hover);
22
- background: none;
23
+ border-style: solid;
24
+ border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);
25
+ border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));
26
+ background: var(--neutral-fill-input-hover);
23
27
  }
24
28
 
25
- :host(:focus-within:not([disabled])) .control {
26
- background-color: var(--neutral-layer-4);
27
- border: 1px solid var(--accent-fill-rest);
29
+ :host(:is(:focus, :focus-within, :focus-visible):not([disabled])) .control {
30
+ border-style: solid;
31
+ border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);
32
+ border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));
33
+ background-color: var(--neutral-fill-input-focus);
28
34
  box-shadow: none;
29
35
  }
30
36
 
@@ -16,21 +16,28 @@ export const rapidTextFieldStyles = (context, definition) => css `
16
16
  }
17
17
 
18
18
  :host .root {
19
- border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
20
- background-color: color-mix(in srgb, var(--neutral-fill-input-rest), transparent 94%);
19
+ border-style: solid;
20
+ border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);
21
+ border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));
22
+ background-color: var(--neutral-fill-input-rest);
21
23
  height: calc(
22
24
  (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px
23
25
  );
24
26
  }
25
27
 
26
28
  :host(:hover:not([disabled])) .root {
27
- border-color: var(--neutral-stroke-hover);
28
- background: none;
29
+ border-style: solid;
30
+ border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);
31
+ border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));
32
+ background: var(--neutral-fill-input-hover);
33
+ box-shadow: none;
29
34
  }
30
35
 
31
- :host(:focus-within:not([disabled])) .root {
32
- background-color: var(--neutral-layer-4);
33
- border: 1px solid var(--accent-fill-rest);
36
+ :host(:is(:focus, :focus-within, :focus-visible):not([disabled])) .root {
37
+ border-style: solid;
38
+ border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);
39
+ border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));
40
+ background-color: var(--neutral-fill-input-focus);
34
41
  box-shadow: none;
35
42
  }
36
43
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/rapid-design-system",
3
3
  "description": "Rapid Design System",
4
- "version": "14.389.0",
4
+ "version": "14.390.0",
5
5
  "sideEffects": false,
6
6
  "license": "SEE LICENSE IN license.txt",
7
7
  "main": "dist/esm/index.js",
@@ -35,17 +35,17 @@
35
35
  },
36
36
  "devDependencies": {
37
37
  "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
38
- "@genesislcap/genx": "14.389.0",
39
- "@genesislcap/rollup-builder": "14.389.0",
40
- "@genesislcap/ts-builder": "14.389.0",
41
- "@genesislcap/uvu-playwright-builder": "14.389.0",
42
- "@genesislcap/vite-builder": "14.389.0",
43
- "@genesislcap/webpack-builder": "14.389.0"
38
+ "@genesislcap/genx": "14.390.0",
39
+ "@genesislcap/rollup-builder": "14.390.0",
40
+ "@genesislcap/ts-builder": "14.390.0",
41
+ "@genesislcap/uvu-playwright-builder": "14.390.0",
42
+ "@genesislcap/vite-builder": "14.390.0",
43
+ "@genesislcap/webpack-builder": "14.390.0"
44
44
  },
45
45
  "dependencies": {
46
- "@genesislcap/foundation-logger": "14.389.0",
47
- "@genesislcap/foundation-ui": "14.389.0",
48
- "@genesislcap/foundation-utils": "14.389.0",
46
+ "@genesislcap/foundation-logger": "14.390.0",
47
+ "@genesislcap/foundation-ui": "14.390.0",
48
+ "@genesislcap/foundation-utils": "14.390.0",
49
49
  "@microsoft/fast-colors": "5.3.1",
50
50
  "@microsoft/fast-components": "2.30.6",
51
51
  "@microsoft/fast-element": "1.14.0",
@@ -62,5 +62,5 @@
62
62
  "access": "public"
63
63
  },
64
64
  "customElements": "dist/custom-elements.json",
65
- "gitHead": "8fb51993f523aac024a5125f8bdd71c2fed59498"
65
+ "gitHead": "5e0d0ec68306f956c6f91b5ff1e3fcd9644784cb"
66
66
  }